Submitted almost 2 years ago
Frontend Mentor - Single price grid component
@BrayanElias
Design comparison
SolutionDesign
Community feedback
- @VCaramesPosted almost 2 years ago
Hey there! 👋 Here are some suggestions to help improve your code:
- The “30-day, hassle-free money back guarantee” is not a heading. It should instead be wrapped in a
paragraph
element.
- The button was created with the incorrect element. When users click on the button they should directed to a different part of your site; the
anchor
element will allow this to happen.
More Info:📚
- The correct
background
color for the “Why Us” section is hsl(179, 47%, 52%);
- A lot of the headaches and repeated properties can be be overcome by implementing a proper CSS Reset.
Here are few CSS Resets that you can look at and use to create your own or just copy and paste one that is already prebuilt.
https://www.joshwcomeau.com/css/custom-css-reset/
https://meyerweb.com/eric/tools/css/reset/
http://html5doctor.com/html-5-reset-stylesheet/
If you have any questions or need further clarification, feel free to reach out to me.
Happy Coding!🎄🎁
0 - The “30-day, hassle-free money back guarantee” is not a heading. It should instead be wrapped in a
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