Result Summary Card🛡[SEMANTIC MARKUP - CSS3 -MOBILE FIRST - FLEX-Json
Design comparison
Solution retrospective
♈Hello, Coding Community
This is my solution for the Result Summary Card
Had a lots of fun building this challenge !
I also got to know about Google page speed Insight, which helped me in page speed optimization.
**I Scored 100% on Google Page speed Insights!**🤯🤭😬
Layout was built responsive via mobile first workflow approach
Feel free to leave any feedback and help me to improve my solution (or) make the code clean!
I made some custom tweaks to my code
CUSTOM TWEAKS..🌐 :
I used Global declaration for variables
:root{}
Added smooth box shadow that roll out the shadow every 4s. Also some hovering on the card while in desktop mode.
👨💻 Follow me in my journey to finish all newbie challenges to explore solutions with custom features and tweaks
Ill be happy to hear any feedback and advice!
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