Skip to content
Submitted almost 2 years ago

Responsive landing page using html and css

NiyatiNandita•90
@NiyatiNandita
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Agency landing page
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

can someone tell me how to remove white stripe after footer in mobile design?

Community feedback

  • visualdennis•8,375
    @visualdennissPosted almost 2 years ago

    Great job in completing the challenge successfully!

    Regarding your question:

    #foot { display: flex; flex-direction: column; justify-content: center; align-items: center; padding-top: 50px; }

    it seems like the padding-top: 50px is causing that issue with white-space you have mentioned. If you remove that, that space under footer on mobile is gone. There is also lot of white space at the bottom of testimonials on mobile, you might wanna shorten that too.

    Hope this was helpful!

    Marked as helpful
    0
    NiyatiNandita•90
    @NiyatiNanditaPosted almost 2 years ago

    @visualdenniss gotcha! thanks

    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