Skip to content

Latest commit

 

History

History
55 lines (38 loc) · 1.7 KB

File metadata and controls

55 lines (38 loc) · 1.7 KB

Frontend Mentor - Advice generator app solution

This is a solution for Advice generator app challenge on Frontend Mentor.

Table of contents

Overview

The challenge

Users should be able to:

  • View the optimal layout for the app depending on their device's screen size
  • See hover states for all interactive elements on the page
  • Generate a new piece of advice by clicking the dice icon

Screenshot

Loading advice - Screenshot 1

Generating advice... - Screenshot 1

Advice - Screenshot 2

Advice: Respect other people's opinions, even when they differ from your own - Screenshot 2

Links

Process

Built with

  • Semantic HTML5 markup
  • Mobile-first workflow
  • React - JS library
  • Sass - For styles
  • @axe-core/react to ensure accessibility

Author