Responsive 4 card feature section using CSS grid

Solution retrospective
I am most proud of learning to use CSS Grid via Grid Garden(https://cssgridgarden.com/) to create the 4 card section layout. I am also proud of how the layout of the cards changed back to a one column layout as the viewport decreases in size.
What challenges did you encounter, and how did you overcome them?I faced challenges in placing the cards in the 2 x 3 grid layout. Some of the cards didn't fall into a specific box so needed to figure out how to place the supervisor and calculator cards between two rows. I overcame this by using the Windsurf IDE AI feature to explain how to solve the problem. I eventually understood that I can use center a card between two containers.
What specific areas of your project would you like help with?I'd like help in my HTML structuring. I've used header, main,and footer. I'd like to know if those are correct to use.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @raozhaizhu
its good~well-designed
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