Frontend Mentor - Advice generator app solution

This is a solution to the Advice generator app challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

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

Overview

A great challenge to practice with APIs.

The challenge

The users should be able to click the button and enjoy the advice of the day. Pressing the tab button on the keyboard will also focus the button.

Screenshot

Links

• Solution URL: (https://your-solution-url.com)
• Live Site URL: (https://awesome-daily-advice-generator.netlify.app/)

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• JS

What I learned

No doubt that I have a lot to pratice and learn, I have a lot of questions and struggles with positioning of elements, with that said I am very proud of what I have done.

Useful resources

• MDN - This helped me with the API.

Author

• Website - Marta Dias
• Frontend Mentor - @MDias04
• Twitter - @its_MDias

Acknowledgments

I would like to thank Matt and all the team involved in Frontend Mentor. These challenges do mean a lot to me. 🖖🏼