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

display flex

@LuccaMauroMolina

Desktop design screenshot for the Huddle landing page with curved sections coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


How do I stop the footer scroll from appearing? How do I put the footer and section backgrounds so that I stay behind?

and also tips to improve, thank you very much

Community feedback

Bryan Li 3,550

@Zy8712

Posted

Hi there! Good job on completing the challenge.

To answer your questions:

"How do I stop the footer scroll from appearing?"

I'm guessing you mean the horizontal scroll bar. You can disable it by applying overflow-x-hidden to your body.

"How do I put the footer and section backgrounds so that I stay behind?"

For that you will need to go to your css and use background-image to set them as your bacground for this respective sections. If you haven't used background-image before, you can learn how to do so here. Just make sure you use the correct background size and make sure the background doesn't repeat. For that you'd need to use background-size and background-repeat, respectively.

Hope I was able to help 👍

1

@LuccaMauroMolina

Posted

@Zy8712 good evening, ah well, yes, I tried the image thing there and it works and the scroll thing doesn't appear, that is, scroll doesn't appear, a blank space appears on the right, but I'm not going to do anything about the images first. , thank you very much for your help

0

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