Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Four card feature section with flexbox

@moheb2000

Desktop design screenshot for the Four card feature section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Does flexbox affects on children of its children?

Community feedback

bikeinman 1,080

@BikeInMan

Posted

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
Discord logo

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