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

Social Proof Solution Attempt

Ahmet 90

@akyanu

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


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-se

Posted

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
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