QuotiClick

Random Quote Generator

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Continued development
  • Useful resources
• Author
• Acknowledgments

Overview

The challenge

Users should be able to:

• View the optimal layout depending on their device's screen size (Responsive Design)
• See hover states for interactive elements
• Click buttons to generate new quotes.

Screenshot

• Random Quote Generator Desktop View
• Mobile View
• Hovered View

Links

• Solution URL: (https://github.com/Darkull/random-quote-generator?search=1)
• Live Site URL: Live-CLICK ME

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• Desktop-first workflow
• Media Queries
• Responsive Unit
• Quote Generator API

Author

• Website - Darkul
• Twitter - @HeisDarkull

Acknowledgments