Skip to content
Submitted 2 months ago

Responisve social proof section

Joshdefleur•110
@Joshdefleur
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

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•410
    @Andigashi1Posted 2 months ago

    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•110
    @JoshdefleurPosted 2 months ago

    @Andigashi1 Thanks for the feedback

    0
  • Svitlana Suslenkova•5,360
    @SvitlanaSuslenkovaPosted 2 months ago

    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•110
    @JoshdefleurPosted 2 months ago

    @SvitlanaSuslenkova Good point, thanks for the advice

    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