Design comparison
Solution retrospective
I am proud that I was able to give smooth animation to the component, make the site mobile responsive, and build a web page that scored 100% in performance and 91% in accessibility on the Lighthouse evaluation test.
What challenges did you encounter, and how did you overcome them?I didn't face any challenges
What specific areas of your project would you like help with?Want help with the accessibility evaluation of web page and handling variable font-face
Community feedback
- @SaruMakesPosted 5 months ago
Great job at recreating the design! The only differences between your version and the design brief that I can see, are different line heights for the main paragraph and a smaller header. With these matching the design, I imagine the height of the card would match as well. :-)
Your animation looks fantastic. I like your choice of speed. I went with a slightly slower speed than you, but I like yours better. It feels a bit more "snappy".
As for variable font-faces, I'm not sure what you mean exactly. Are you talking about how to work with Variable Fonts or how to vary the font-sizes between your different
@mediaquery breakpoints?0
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