Solution w/ simple grid and media query
Design comparison
Solution retrospective
The layout on this one was easy, just had to write too much css for styling :/, could probably done it with less code honestly
Community feedback
- @VCaramesPosted about 2 years ago
Hey there! 👋 Here are some suggestions to help improve your code:
-
Header and Main Element are being used incorrectly; the header element is not needed for this challenge.
-
The .grid-container should be inside a Main Element to better identify the main content of you page.
-
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; that Anchor Element will allow this to happen.
-
Your button needs to have
:hover
and:focus-visible
. -
The “Why Us” list should be created using an Unordered List Element along with the List Items Element.
If you have any questions or need further clarification, let me know.
Happy Coding! 👻🎃
Marked as helpful0 -
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