Skip to content
Submitted almost 2 years ago

RESULT SUMMARY - REACT & TAILWINDCSS

#react#tailwind-css#animation
Sameer Singh•560
@SameerJS6
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Results summary component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hello, Frontend Community,

This is my official solution for the Result Summary Component. This challenge was fun to do as it only involved CSS and the UI was quite beautiful.

I added some extra features to make it even cooler, such as:

  • SVG icons for titles and buttons
  • A background pattern to give the body some texture
  • A gradient animation for the result container and circle
  • A loading animation to make it more interactive.

If you have any opinions or feedback, please leave a comment. Thanks for checking it out! SameerJS6.

Community feedback

Please log in to post a comment

Log in with GitHub

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