Search code examples
htmlcsswidth

Gap on the right of the screen on mobile view

I am building one website and I have a weird gap on the right size of the screen. enter image description here

This gap appears only at mobile view and with portrait view (with landscape everything seems to be OK). Width of body and html is set to 100% with margin and padding set to 0. I figured out that the real width of the body should be 105vw, but is this true for all devices?

Any way how to clearly solve it?

Site: http://valkovic.eu:8080/JanWilliamDrnek/

Solution

  • I could reproduce the first time but not the second maybe you are adjusting as I looked.

    it seemed that the logo was pushing out over the body

    .title img { margin: 2em auto;} in the css fixed the issue for me.

    Unsure about the 105vw unless you are trying to hide something offscreen the max value should be 100vw.