Skip to content
Submitted almost 3 years ago

Four card feature section with flexbox

Mohammad Ebrahimi•250
@moheb2000
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

Does flexbox affects on children of its children?

Community feedback

  • bikeinman•1,080
    @BikeInManPosted almost 3 years ago

    Nice work ! Very responsive too. I did the same challenge with grid.

    About your question, I think first CSS computes the size of a box from the content size of all of its children and when you layout a flexbox (or grid) on them, they use remaining space according to your definition. The children (a flex-item) can only be responsive if it is defined with responsive units like % or ems.

    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