Design comparison
SolutionDesign
Solution retrospective
I did not find much difficulty in this project
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:📚
- ⚠️ Move all of these properties to the
body
. You will delete thewidth: 100%
(it is already 100% by default) and change theheight
tomin-height
.
main { width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; }
- This is a great challenge to practice using
CSS Grid
⚠️ If you are not comfortable using it, here is a link that is all about how to use CSS Grid:
https://css-tricks.com/snippets/css/complete-guide-grid/
If you have any questions or need further clarification, feel free to reach out to me.
Happy Coding! 🎆🎊🪅
Marked as helpful0 - 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