Submitted 6 months agoA solution to the Results summary component challenge
Results Page with CSS Variables and HTML Template
P
@Donahuec
Solution retrospective
What are you most proud of, and what would you do differently next time?
learned some new features such as aspect-ratio, using html templates, and using properties to add a transition to a gradient.
What challenges did you encounter, and how did you overcome them?- making the circle have the proper size while allowing it to be flexible with screen resizing: used aspect-ration and clamp
- wanted to add a transition on the button hover, ended up figuring out how by setting the transition on css custom properties instead of the background property
Code
Please log in to post a comment
Log in with GitHubCommunity feedback
- @asanaliev
Hi Caitlin,
Great job!
I check your solution on PulseLet (web app testing service), and don't see any issues with responsive design, neither in the code. Good quality done! 👍
Your project here: https://pulselet.com/projects/105
Cheers, Askat
Marked as helpful
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