4 Card Feature - HTML, CSS Grid

Solution retrospective
Attempt at using CSS grid to layout the cards here, doesn't seem as responsive as other projects with the cards being fixed width/height, so any advice here would be appreciated.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @Rezzak48
Hi Tom, I took a look at you code, it looks good! well done job! here is my tips to make your code better:
- for the responsive layout, try to make like a tablet version, for example in your design you can do two cards in every row between 700px and 990px, and this is how you will keep it responsive and for the mobile version you already did well!
- another thing I notice is the design is not centered, there is many ways to do it but I suggest to use the flex box on the body element : body { display : flex; justify-content : center, align-items : center }
If you found my tips helpful, do not hesitate to mark it as helpful or upvote it, so others can see it first.
happy coding 😊
Marked as helpful
Join 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