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

Social Proof Challenge - Mobile and Desktop ready with flexbox

Rita 350

@ritapetillo

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


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

@Alpasc

Posted

Hey !

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

0
P
ApplePieGiraffe 30,545

@ApplePieGiraffe

Posted

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

@ritapetillo

Posted

@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
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