Skip to content
Submitted about 2 years ago

use of @media rule and display grid

Stalin•410
@StalinAM
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

Could someone tell me a better way to order the cards?

Community feedback

  • Hyron•5,870
    @hyrongennikePosted about 2 years ago

    HI,

    I did the challenge earlier you can look at my solution to see how I structured my html. Basically the middle section with the two cards that stack are in a wrapper div with display of flex and the flex direction is set to column. Then you can just use grid on the outer container that holds the cards to get 3 columns.

    four card feature section

    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