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

Tailwind, Vite & React | Results Summary Component

Boubaker Jouiniβ€’ 50

@boubakerjouini

Desktop design screenshot for the Results summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Had a bit of trouble with the gradients but i think it's a good solution using Vite, React & tailwind πŸ˜ƒ

Community feedback

F4Bz3β€’ 200

@FabianWassermann

Posted

Great work! I like tailwindcss and used it myself for this challange. Here are some points for improvement.

  • You can add a bigger padding to let the content breath.
  • Apply a slight opacity on the text color of the summary numbers. They are too black right now.
  • Give the button the right dark gray blue background color.

Keep it going!

Marked as helpful

1

Boubaker Jouiniβ€’ 50

@boubakerjouini

Posted

@FabianWassermann Hello Fabian thank you for the review, i thought the button was black but now i can clearly see it's not πŸ˜… !

I will correct that asap ! :D

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