https://uzinouzi.imtqy.com/task/index.html

I can not provide self-sufficient, reproducible examples for the reason that they arise specifically in this layout and to make them as a reproducible example, you need to put the entire layout here in a snippet.

When adapting the layout, the following problems arose:

  1. A scroll down appears at the bottom, although the page itself fits on the screen. Just a white bar on some screens.

enter image description here

Here is the usual state, but there is a scroll down:

enter image description here

I believe that this is because of the block with circles, but if you put

body { overflow: hidden; }

then it will not help. How can I solve this problem?

  1. The second problem is related to modal windows on the page, when you open a modal window, the body is set to overflow: hidden; script that the user could not scroll down, otherwise the blackout disappears.

enter image description here

When you click on this button (It appears with narrow screens), the modal window appears at the top of the page, and you cannot scroll

  • @ MaksimLensky, 320x480, iPhone4 - uzi_no_uzi
  • @MaksimLensky, yes, this is because of this circle prntscr.com/jmvekj But how to make this circle hide outside the screen ?, is it even possible? Suppose it works in firefox as it should, is hidden outside the body, in opera on some phones (There you can choose phones for testing adaptations) is not hidden - uzi_no_uzi
  • on iphone5 is even more interesting. horizontal scrolling turns on - eri
  • @eri, yes, it's because of this circular thing, better tell me how to fix it - uzi_no_uzi
  • try mugs from diva throw in main and there is an absolute position - eri

0