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

souhaila 10

@souhailaharrak

Desktop design screenshot for the Four card feature section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@rrebolledo90

Posted

Great job taking on this challenge. I noticed that you contained each card within one flex container. If you want to have Team Builder and Karma stack on top of each other, you can contain those two cards within a div and set that div to display flex, and then set the flex-direction to column. This will stack those two cards but will also contain all four of them as a horizontal row, as you had previously set that one with your one flex container. You can have multiple flex containers within one parent flex container. You can think of it as a big box. If you set a parent as a display:flex, there children can also have a box, that they can also contain other elements.

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