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

Maruf 60

@maruf1137

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

Krzysztof 240

@KrzysztofLeczycki

Posted

Hi, the layout of your project looks good; however, you could add some hover effects to the button and make its background a bit wider. If you want reduce a bit the code in your style sheet needed to display quotation marks, I mean resign from after and before pseudoelements, you can change a bit the js file:

adviceIText.innerHTML = `"${slip.advice}"`;

I also suggest you change the readme file in your repo to make it more informative and clear. Best wishes.

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