Skip to content
Submitted over 2 years ago

Social Proof Solution Attempt

Ahmet•90
@akyanu
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

How can I get the background image to grow alongside the window size? When the height gets too long, it just cuts off since I made it not repeat. Other than that, any other tips or criticisms? Thanks.

Community feedback

  • rishat-se•120
    @rishat-sePosted over 2 years ago

    Hello Ahmet,

    You have done great job! It was tricky challenge for me too. Regarding background cut off. The problem is not with background properties. That part of your stylesheet looks great. The problem is with body element. Background images are positioned along its sides and it is not high enough to cover all screen in desktop layout. You can see it in any dev tools. You can use: body { min-height: 100vh; } to set body element height to at least full viewport height.

    Hope it will help you to fix your issue! 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