Skip to content
Submitted almost 4 years ago

Social Proof Section (Desktop Only)

Joel Wang•90
@joelhenwang
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

Only problem is making it responsive to mobile like intended in the previews. Simply don't know how to make the ratings/reviews containers realign properly when resizing the window width, unless I'm supposed to use javascript to add some conditions.

Community feedback

  • Sondra Sohn•90
    @0hyodorie0Posted almost 4 years ago

    Try this! @media screen and (min-width:1440px) { .rating-container {display:block} .user-reviews {display:block} }

    1
    Joel Wang•90
    @joelhenwangPosted almost 4 years ago

    Thanks for the tip! After reading the documentation I was able to solve it! Cheers!

    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