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 Vanilla HTML + CSS + Javascript

Paula 60

@thedoodlebakery

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


I created this advice generator and added an animation to show the user to click the dice button. It only shows up on hover. It will play infinitely while the user is hovering over the dice. Let me know if it's over done and needs to be removed. I also switched the svg with CSS. I would love to know if there are other (possibly, easier) ways that I could've done this without using CSS.

Community feedback

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