Submitted over 2 years ago

Responsive 4 card layout with grid, flex and media query

Florin.Porut• 380

@zastar23

Preview site View code

This is a solution for...

Four card feature section

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

Fun project to do, especially with my little knowledge on css grid, but in the end turned out good I think. Still trying to learn more about grid and flexbox.

Any feedback is welcome.

Community feedback

Dave• 5,245

@dwhenson

Posted over 2 years ago

Hi @zastar23. Nice work on this one, you've got lots of the design touches working well! 🥳

I noticed that your layout is a bit different to the design specifications though... I think you should be able to fix this pretty easily with some adjustments to your grid layout.

I would try defining more grid rows (maybe four?) and having each of the cards span two rows. This should enable you to achieve the design as per the requirements without too much trouble.

Cheers 👋

Dave

Marked as helpful

Florin.Porut• 380

@zastar23

Posted over 2 years ago

@dwhenson

Thank you @dwhenson, I will look into that!

Please log in to post a comment

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