Frontend Mentor - Advice generator app

Overview

The challenge is to build out this advice generator app using the Advice Slip API and get it looking as close to the design as possible.

• 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

Links

• Solution URL: Solution URL here
• Live Site URL: Live site URL here

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• Grid
• Mobile-first workflow
• Typescript
• Sass

Useful resources

• Mozilla developers resources

Author

• Frontend Mentor @malboyoo
• LinkedIn Thibaut Lefevre