Skip to content
Submitted about 3 years ago

Advice Generator App using fetch API and async await functions

Anna•190
@aproskur
A solution to the Advice generator app challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

It is very useful task to understand the basics of interacting with APIs! Helped me to understand javascript promises, using fetch API, async and await functions. Hope I've done it correctly

Code

Please log in to post a comment

Log in

Community feedback

  • Chamu•13,860
    @ChamuMutezva

    Greetings aproskur. Well done , so far so good. Here are a few recommendations :

    • since these are quotes, i would suggest using blockquote element instead of a div.
    • using fixed width like width: 350px for the advice card will prevent the card to be responsive on small devices under a width of 350px and less. Using max-width might help as that will only make sure that the card does not exceed the mentioned size but at the same time allow the card to scale done on small devices.
    Marked as helpful
  • Ivo•240
    @ivcp

    Nice! Also, I would set the cursor to pointer on the dice button

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