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 Component

Alex 310

@AlexGanderton

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


I think this is the best I have done so far. Any feedback on any ways it could be done better/differently are greatly appreciated.

Community feedback

Hachi 155

@hachi-ops

Posted

It's very good and the only thing I would point out is the layout just at above 900px. You get two rows of stars instead of one so it may be a good idea to add another media query at different breaking point and fine tune the alignment. I too completed this challenge today and was getting the same layout with stars not aligned in one line at roughly same 900px resolution so I added min-width and had to tweak margins and paddings to align everything. Try adding min-width to the divs with stars and see if it helps the layout when changing screen size. You may want to look up my solution although I added some extra breaking point with completely different layout between 600 and 992px which wasn't actually part of the design.

1

Alex 310

@AlexGanderton

Posted

@hachi-ops I will try that. Thanks!

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