Skip to content
Submitted almost 3 years ago

Responsive 4 card layout with grid, flex and media query

Florin.Porutā€¢380
@zastar23
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Four card feature section
  • HTML
  • CSS
1newbie

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,295
    @dwhensonPosted almost 3 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
    0
    Florin.Porutā€¢380
    @zastar23Posted almost 3 years ago

    @dwhenson

    Thank you @dwhenson, I will look into that!

    0

Please log in to post a comment

Log in with GitHub

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