Submitted almost 2 years ago
Frontend Mentor - Single price grid component
@Abdullahi-abdiaziz
Design comparison
SolutionDesign
Solution retrospective
Single price grid component Solution
Community feedback
- @VCaramesPosted almost 2 years ago
Hey there! 👋 Here are some suggestions to help improve your code:
- Never do this as it creates accessibility issues for users and it is outdated.
html { font-size: 16px; }
- For improved accessibility 📈 for your content, it is best practice to use
rem
for yourfont-size
and other property value. Whileem
is best formedia-queries
. Using these units gives users the ability to scale elements up and down, relative to a set value.
- The “30-day, hassle-free money back guarantee” is not a heading. It should instead be wrapped in a
paragraph
element.
- The “Why Us” list needs to be created using an
unordered list
element along with thelist item
element.
If you have any questions or need further clarification, feel free to reach out to me.
Happy Coding!🎄🎁
0
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