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

Maria 130

@maaghia

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 challenge using API, waiting for your advice

Community feedback

imad 3,310

@imadbg01

Posted

Greeting Maria!! Congratulations for completing your challenge!, 👏👏👏.

You did great on this challenge, but there is a bug on Firefox relative to cache, Firefox users will not be able to generate a new advice, to fix that for them just pass an optional parameter {cache: 'no-cache'} to fetch.

fetch("https://api.adviceslip.com/advice", {cache: 'no-cache'})
```
*overall, Happy coding, and have a great Day*

Marked as helpful

0

Maria 130

@maaghia

Posted

@imadbg01 thank you so much for noticing that I will fix it

1

@franklynwisdom

Posted

Hi Maria,

Kudos on completing the challenge, you really did a great job.

The app is responsive on all screen sizes, however, it is not fully adapted to the mobile design when viewed from a mobile device.

You can take a look at the mobile design file and try to make the app appear exactly as the mobile design.

Well done so far.

1

Maria 130

@maaghia

Posted

@franklynwisdom I will take a look at this thanks

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