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 section | Flexbox (HTML&CSS)

@GK-Production

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


This is the fourth challenge I've done here and I would be happy if you leave some feedback on my code or solution. Thank you.

Community feedback

HYDROCODER 555

@HYDROCODER

Posted

Hey there! Great solution!

There is one thing I would suggest, although I must say I am nitpicking here. Just put some comments in your css; it can be boring writing it up but it will be helpful in the long run in case you need to see the code again as well as for anyone else viewing your code.

Also, your breakpoint seems a little low although it may be from the fact that you have used a desktop-first approach. The stars get congested in the range of 800px to 1000px. Although its your cue to take up the approach you find comfortable with, I would suggest a mobile-first approach; you can pick the breakpoint easily and don't have to worry about layouts at first but just about the colors or vertical spacing in mobile view and once that's done, can easily scale up the viewport and find the breakpoint you find best for larger screen sizes.

Hope it helps; again great job! :).

Marked as helpful

1

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