Four cards using CSS Grid and SASS

Solution retrospective
I'm most proud of how SASS has made my work a lot easier and how Grid allows me to fit elements effectively.
What challenges did you encounter, and how did you overcome them?The biggest problem I had was with the middle column in the grid, where the space between the cards was too large. I used a CSS Grid generator to visualize the layout I wanted, and after examining the generated code, I was able to fix my own implementation.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @AngieLi98
A tip to improve semantic HTML is that the <main> extends from the beginning before the h1. You can divide the title and paragraph sections and the cards section with <section> and each card section with <article>.
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