Four Card layout with Flexbox & Grid

Solution retrospective
I had a difficult time getting the CSS grid system setup. I finally figured out how to create a flex column and use Flexbox with grid. I also used a Vite vanilla JavaScript package. After working on this, I can say React is Much better than vanilla.
What challenges did you encounter, and how did you overcome them?I had issues figuring out Grid and using flexbox to create a flex column in Grid. I used multiple sources to figure this one out, including tutorials, MDN Docs, and yes, Ai to help me understand what the docs were saying.
What specific areas of your project would you like help with?I feel like the responsiveness could be improved. I also don't believe the SCSS functions are translating to CSS properly.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @Dadir-Dev
Well done! You're doing a great job—just a couple of small suggestions to get even closer to the original design:
The space between the title and subtitle is a bit larger than in the reference. Reducing that gap slightly would help match the original layout more closely.
You're definitely on the right track—keep it up!
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