Skip to content
Submitted over 1 year ago

Advice-generator-App HTML, CSS, JavaScript 😃

Marley Semende•570
@Marley-Semende
A solution to the Advice generator app challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hi Frontend Mentor Community 👋🏾. I've completed another challenge! I enjoyed building this advice-generator-app with :

  • 🚀Semantic HTML
  • 🚀CSS Flexbox
  • 🚀JavaScript fetch API

For smaller screen sizes 📲, I've added @media query to handle the layout and styling

Things I learnt building this project:

  • Using async programming to fetch and handle data from the AdviceSlip Advice API 👨🏾‍💻
  • Adding an addEventListener() that handled the advice display on button click. Feel free to leave me feedback on my code. Happy coding :)
Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Marley Semende's solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord