Skip to content
Submitted over 2 years ago

Social Proof Section Master - Mobile First Method

Adenike Adeyemi•40
@nikea1
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

There are quite a few break points in this project, but they appear to be holding up. Though quick question, what's the best way to approach styling for huge screens like 2560px or 4k? It's looks so barren as is.

Community feedback

  • Andy•520
    @AndyAshleyPosted over 2 years ago

    Hey Adenike, great job on the challenge! As for your question, I'm using a 2k screen (2560x1440), and when I view your page it has a scrollbar down. I see in your code that you have the body width set to 100% and a height commented out. Try using min-width: 100vw; and min-height: 100vh; to make it more responsive to displays, and then adjust your positioning of the content within the main. If you remove the background-size rules (auto and contain) from your body, it will also kick them into the right place and size on larger screens. hope this helped! Happy coding :)

    Marked as helpful
    1

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