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

Responsive advice generator using Vue3

@ponyma2100

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

Community feedback

@untlsn

Posted

Nice job. I recommend adding some debounce to the button, because the user may click many times and the advice doesn't change and it may be considered a bug You can make the button gray for some time, or replace the dice with the waiting time

You can work with semantics You can change advice-container from div to e.g. article, title to header, attribution in footer to footer and wrap Home with main

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