Design comparison
Solution retrospective
The first time using grid and the result was awesome. How was the first time, maybe the code is polluted.. Can i clean more? How? What i can remove or add? All feedback are welcome.
Community feedback
- @VCaramesPosted about 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.
-
increase the
font-size
of "$29" to better match the FEM example. -
Your button needs to have a
:hover
. -
The “Why Us” list should be created using an Unordered List Element along with the List Items Element.
-
In the mobile layout, the "why us" changes colors to a blueish-gray.
-
Implement a Mobile First approach 📱 > 🖥
With mobile devices being the predominant way that people view websites/content. It is more crucial than ever to ensure that your website/content looks presentable on all mobile devices. To achieve this, you start building your website/content for smaller screen first and then adjust your content for larger screens.
If you have any questions or need further clarification, let me know.
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