Design comparison
Community feedback
- @VCaramesPosted about 2 years ago
Hey there! 👋 Here are some suggestions to help improve your code:
- The Article Element is not the best choice for wrapping each component. In order to use the Article Element the component needs to be able to **make sense on its own and is independently distributable (can be used in on another site).
The entire component can be wrapped in an Article Element and the individual components inside can be wrapped in Divs.
-
The “30-day, hassle-free money back guarantee” is not a heading. It should instead be wrapped in a Paragraph Element.
-
Increase the "$29" to better match the FEM example.
-
Remove all the
<br>
elements you added. They are being incorrectly. -
The “Why Us” list should be created using an Unordered List Element along with the List Items Element.
-
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