Design comparison
Solution retrospective
Hello! This is my solution for Single price grid component. I have achieved 100% in Lighthouse score for performance, best practices, accessibility(95% because of color palette) and SEO. 📊 Any tips are welcomed! Thank you. 😊✌️
Community feedback
- @danielmrz-devPosted 11 months ago
Hello again Alexandra!
Another excelent project!
For this one, I have just two minor suggestions:
-
You imported the
font-family
correctly from Google Fonts but you forgot to add it to the body, so the font is not being applied to the text. Add it to the body and it'll work. -
Also, you can add a
border-radius
to the card, as well asoverflow: hidden
so they will appear correctly.
- Extra tip: Next time, try using grid for the whole project. This challenge is an excelent opportunity to practice CSS Grid 😊
I hope it helps!
Other than that, your project is perfect!
Marked as helpful0@Alexandra2888Posted 11 months ago@danielmrz-dev you advices are always gold, thank you so much :) Regarding to grid I should definitely using it more!
1 -
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