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 using React ⚛️.

#accessibility#react#emotion

@zineb-Bou

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


Any suggestions are welcomed 🙏.

Community feedback

Rio Cantre 9,710

@RioCantre

Posted

Hello there! Great work with this one. Regarding the solution you submitted, I think you should know the following notes…

  • Add cursor: pointer; for the hover state of the main button and increase the padding into padding: 18px;
  • Increase the font size of the p into font-size: 1.5rem;
  • Increase the font weight of h2 into font-weight: 700;

Besides that...

  • The design is well implemented with details used based on the original design
  • The project structures is well thought and used tools accordingly
  • The API generates random quotes whenever it's clicked
  • The project is responsive with smooth transition

advice # 18

❝ Don't judge a book by its cover, unless it has a synopsis on the back.❞

Above all, The project is awesome! Keep it up!

Marked as helpful

1

@zineb-Bou

Posted

Hi, thank you for your detailed review, I rarely get one.

I will make sure to take everything you have mentioned into consideration 😃.

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