Skip to content
Submitted about 4 years ago

Social proof section - using Flexbox

Romário J. Santos•270
@romariojs94
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Social proof section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Well, these elements were easy, but I created two columns and added display: flex; I don’t know if it’s the best way to solve it ..

Community feedback

  • ApplePieGiraffe•30,545
    @ApplePieGiraffePosted about 4 years ago

    Hey, Romário J. Santos!

    Looks like you have a nice solution, but there are no breakpoints and it isn't very responsive.

    Something you could do is use two flex containers (one for the header/paragraph and stars and one for the review cards) and set the flex-direction to row, then change the flex-direction to column in a breakpoint to switch to a mobile-friendly layout.

    Otherwise, good job!

    Keep coding (and happy coding, too)!

    Marked as helpful
    1
    Romário J. Santos•270
    @romariojs94Posted about 4 years ago

    @ApplePieGiraffe thx!

    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