Responsive Order Summary Component

Solution retrospective
My third challenge solution! This time around I tried to include accessibility features right out of the gate such as alt
tags on images and more implementation of h2
tags. I'd really like to get good accessibility habits locked in early on, so please let me know how I can improve.
Also, I'm struggling with getting my text to look exactly like the designs. I tried to play with font-kerning
but wasn't able to get any results, although the design seems to definitely be leveraging that feature. I've also spent more time than I should tinkering with font-weight
and font-size
, and even utilized a bit of text-shadow
to get elements as close to the design as possible. I'd appreciate some input from the community on this. Am I using the wrong units for sizing? Am I importing Google Fonts incorrectly? Or should I perhaps not get so hung up with achieving perfection due to different browsers simply rendering things differently?
Thanks for checking out this solution! I welcome any and all feedback!
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Jason Hamrick's solution.
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