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

Successfully Completed the new task by frontend mentor result-summary

#angular#animation#preact#tailwind-css

@ayushprojects

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


Hello everyone i have completed result-summary task by frontend mentor. please review my code and comment where I made mistakes.

Community feedback

Ruben 550

@RubenSmn

Posted

Hi Ayush, great job on the challenge. I found a few things you could improve upon.

  • the button has no real interaction state so it feels a little plain.

You could improve this by adding a hover effect as well as a cursor: pointer.

  • the component does not very well to mobile.

You can build this by using media queries. A recommended approach is to first build the mobile version and then make it responsive to adjust to desktop sizes.

Marked as helpful

0

@ayushprojects

Posted

@RubenSmn thanks for your suggestion I am working on it.

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