I'm making a landing and I've this set of rules applied for the body and html elements:
Also, everything is viewported:
<meta name="viewport" content="width=device-width, initial-scale=1">
And on the picture, below, you can see main blocks of the page, they all have width 100%
However, nothing of what I mentioned really helped and the blocks of the page despite they all have 100% width, have different size and, there's a horizontal scrollbar too.
What should I do to get rid of the scrollbar and to make all the blocks be the size of a current viewport?