Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Advice Generator using HTML, CSS, JS, and Advice API

@ronaldlamdev

Desktop design screenshot for the Advice generator app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
  • API
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


My first project to access an API. I'm still a little confuse on how async functions work despite researching the topic, but that's ok. Developers are constantly learning and improving. Feedback is welcome :)

Community feedback

@ArpadGBondor

Posted

Looks good. :)

Maybe try to set "max-width" for your <main> element, so the advice won't spread all across the screen. Also maybe try to use media queries to set different design for mobile and desktop views.

Marked as helpful

1
Harsh 210

@HarshPrateek559

Posted

Actually, async is used when a function is fetching data from a database or API. Also, you have to wait for the fetch API to get data from the API. For this, you are supposed to use await keyword in front of the response which is coming from the API.

Marked as helpful

0

Please log in to post a comment

Log in with GitHub
Discord logo

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