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 app

demy 190

@Demyttenaere

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


Hello everyone,

Here is my solution for the " Advice generator app" challenge.

Any constructive comments are welcome.

Good coding !

Community feedback

Elaine 11,400

@elaineleung

Posted

Hi Demy, well done in putting this together! The only issue for me is I can't load the next advice because of caching in Firefox, and so to fix this, try adding a header object in fetch, like this:

fetch("https://api.adviceslip.com/advice", { cache: 'no-cache' })

I would also include a cursor: pointer with your dice so that users know it is interactive. That's all the comments I have, good work here, and hope to test this out again!

Marked as helpful

1

demy 190

@Demyttenaere

Posted

Hi @elaineleung,

Thanks a lot for your advice! I will take your advice into account for the next challenges and will come back to this one soon!

Good coding

1
Hyron 5,870

@hyrongennike

Posted

Hi @Demyttenaere,

Great job on completing the challenge

Just something small on the body add min-height: 100vh; this will the center the card the vertically and horizontally on the page.

Hope this is helpful.

Marked as helpful

0

demy 190

@Demyttenaere

Posted

Hi @hyrongennike,

Thanks a lot for your advice!

Good coding

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