This is a solution to the Advice generator app challenge on Frontend Mentor.
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
- Solution URL: Advice Generator
- Live Site URL (hosted on Heroku - may load slow): Advice Generator
I started off with laying out the website for desktop users first, then I wrote the fetching function to retrieve the advice data from an API. After that, I then started making it responsive and making adjustments to the layout as needed.
- HTML
- CSS
- Flexbox
- React - JS library
Learned how to pull info from API using react.