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

HTML, CSS, FLEXBOX, media queries

@codeguy9

Desktop design screenshot for the Social proof section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hello again!

The only problem I face is the way I incremented the bottom magenta divs. I put "margin-top: 20px" but they only increment on the top, not on the bottom. So how I am going to solve this? Thank you

Community feedback

@pablo-miralles

Posted

You should check how align-items property works on flex. In this case, align-items: flex-start; could do the work. If you don't specify the align-items, the default property is stretch, which causes all boxes in a single row to have the same height.

0

@codeguy9

Posted

@pablo-miralles align-items is for column direction which in this case I don't need. I used flex-direction: row on the magenta divs ......

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