Skip to content
Submitted about 3 years ago

Responsive landing page

Ricardo•40
@ricardonyc
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Meet landing page
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Vertical scrolling gets stuck when adding 'overflow-x: hidden.' Can someone help me solve this? I'm using 'overflow-x: hidden;' because it removes a gap on the right side of the page but it seems to be causing the vertical scrolling to get stuck.

Community feedback

  • Rajnish Deshmukh•200
    @drajnishPosted about 3 years ago

    Hi @ricardonyc May be problem occur because you are targeting both html and body element. remove 'overflow-x: hidden' from html element.

    0
    Ricardo•40
    @ricardonycPosted about 3 years ago

    @drajnish if I remove the 'overflow-x: hidden;' from the html, then the white sidebar appears on mobile view and the page scrolls horizontally, which I don't want it to do :(

    0
    Rajnish Deshmukh•200
    @drajnishPosted about 3 years ago

    @ricardonyc it is because of two images present in 'top-images' div. you need to set width of both images for mobile view or wherever it exceeds the limit. set the width of both images less than 50%

    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