Skip to content
Submitted about 4 years ago

Social Proof Challenge - Mobile and Desktop ready with flexbox

Rita•350
@ritapetillo
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

Hi there!!!

I'd appreciate some feedbacks about my job with this challenge.

Also I've a few questions::

  1. I'd like to ask wether the media queries makes sense or there is a best practice to avoid so many break points (probably the mobile first approach would have helped, right?)
  2. Any idea why I was not able to apply align-content: space-around to the header__right in order to vertically align the boxes .header__right-box?

Thank you very much in advance for your feedbacks!

Community feedback

  • Aline•35
    @AlpascPosted about 4 years ago

    Hey !

    really nice job, although i can't see de mobile design...?

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

    Hi!

    Nice work! Your solution looks quite close to the original.

    One small thing—on my laptop screen, the website has a horizontal scrollbar at the bottom, but I think you could pretty easily get rid of that by setting overflow-x to hidden.

    0
    Rita•350
    @ritapetilloPosted about 4 years ago

    @ApplePieGiraffe Ops you're right! I totally missed it. Fixed it now. Thank you very much!!

    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