Design comparison
Solution retrospective
Hello guys, I finished this challenge and I want to know if I used the right semantics in my html, any other feedback is welcomed. Thank you and have a great day :)
Community feedback
- @VCaramesPosted about 2 years ago
Hey @yuki6464, some suggestions to improve you code:
-
The headings are being used incorrectly. There are only three headings in this component; “Join our community”, “Monthly Subscription”, and “Why us”
-
Apply the
border-radius
to the entire card container along withoverflow: hidden
and remove the from the individual cards. -
You mobile view needs some work. It goes to the left of the screen and no longer centered. It might be a
width
issue. -
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.
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