Skip to content
Submitted about 2 years ago

Responsive landing page using html and css

NiyatiNandita•90
@NiyatiNandita
A solution to the Agency landing page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

Code

Please log in to post a comment

Log in with GitHub

Community feedback

  • P
    visualdennis•8,395
    @visualdenniss

    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

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