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

Responisve social proof section

@Joshdefleur

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


What are you most proud of, and what would you do differently next time?

Im proud that i got it to look the same using more semantic html like sections and also cutting down on the amount of divs I use. Also having shared classes and unique classes for most elements

What challenges did you encounter, and how did you overcome them?

The stepped pattern of some of the divs using relative positioning

What specific areas of your project would you like help with?

when should i put media query breakpoints for mobile and desktop

Community feedback

Andi Gashi 350

@Andigashi1

Posted

Hi there, the site looks amazing, and I have 2 suggestions to make it better, in my opinion.

  1. Increase the font size a little bit.
  2. Add a max-width to the div that contains all the elements at the mobile media query breakpoint because they get very stretched. Wish you luck in the next projects.

Marked as helpful

1

@Joshdefleur

Posted

@Andigashi1 Thanks for the feedback

0

@SvitlanaSuslenkova

Posted

when should i put media query breakpoints for mobile and desktop-When the design fits and looks good. You can always add your own design for a tablet...

1

@Joshdefleur

Posted

@SvitlanaSuslenkova Good point, thanks for the advice

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