Product Landing Page - x scrollbar issue

HTML-CSS
1

Hi, can anyone help me to understand about the x-scrollbar that is always present? I mean, I could hidden it, but I want understand (and repair) the issue. I tried to check it using this way

and I understood that the problem could be either the #feature-cont or form. But exactly, there is something that I can’t find.

Here is my pen: https://codepen.io/NicoCastel/pen/LYzBGBQ

Nico

2

Could it be a codepen issue?

3

Did you try going into : chrome://flags/ (copy paste in your chrome browser when you open your page).

Then find overlay scroll bar option and see if you can change it.

It’s the first time i noticed it and i found this;

4

No, I mean, that there is for sure (ok, not at 100%) an element that is more than 100vw but I can’t find it and understand which it is exactly.
Sure that an option could be overflow-x: hidden, but the problem would be still there.

5

Ok I found it.

I was a problem in features__cont and form.

I set the width in vw values, and so, for example, the form was actually with the width of 100vw BUT at the end was more than it. But actually, I thought that with border-box option there was no more problems about this.

6

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.