![](https://res.cloudinary.com/dz209s6jk/image/upload/f_auto,q_auto,w_900/Screenshots/ck4dksqkve30ofwuwdu7.jpg)
Submitted almost 2 years ago
RESULT SUMMARY - REACT & TAILWINDCSS
#react#tailwind-css#animation
@SameerJS6
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 GitHubJoin 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