3-Column Preview Card Component Using Grid CSS (SCSS)
Design comparison
Solution retrospective
what do u think guys?
Community feedback
- @correlucasPosted about 2 years ago
πΎHello Omar, congratulations for your new solution!
Great solution again! I've some tips to improve it even more:
1.The border-radius is too much rounded, try instead a value like
border-radius: 12px
.2.After 900px the layout starts to break, you can avoid this behavior activating the media query a little bit before to set the mobile version earlier.
2.Remember ever to use semantic tags for big blocks of information as the cards in this challehge, you can replace the div with
<article>
.Here's a complete guide for HTML semantic TAGS:
https://www.w3schools.com/TAgs/default.asp
π I hope this helps you and happy coding!
Marked as helpful1 - @loopchavesPosted over 2 years ago
Nice job, bro!
Marked as helpful1
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