Skip to content
Submitted almost 3 years ago

Social proof section using Flexbox and BEM

Adrian H•420
@AdrianX19
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

Challenge number 6! That one was a bit more complex to me than the previous ones but it was as much fun! :)

Any feedback as usually super appreciated!

Community feedback

  • darryncodes•6,390
    @darryncodesPosted almost 3 years ago

    Hi Adrian,

    Great effort on a more challenging design!

    You could consider adding max-width to your .rate and .review classes so that when your design switches to mobile they don't stretch across the whole viewport. You might need margin: 0 auto; to centre them too.

    Keep up the momentum!

    Marked as helpful
    1
    Adrian H•420
    @AdrianX19Posted almost 3 years ago

    @darryncodes Thanks for your feedback! It definitely does make sense to have max-width there, I've added it! :)

    0
  • Web Wizard•5,690
    @rsrclabPosted almost 3 years ago

    @AdrianX19 ~

    This work is really great! Cheers!

    1
    Adrian H•420
    @AdrianX19Posted almost 3 years ago

    @tymren608 Thanks!

    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