Border Issue? - Content 100% width but with some px off

Ismael_Estefanell · January 4, 2022, 1:54pm

Hey!

It is my first post here and it will probably not be the last, I am having a problem with the content of an element that has 100% width, but for some reason there is an empty space of 1-2px.
Will this problem be caused by the border?

Here is my site Read-Only: LINK

Thanks in advance.
Isma

JimF · January 4, 2022, 2:03pm

Both of the elements you show have a width of 101%.
Screen Shot 2022-01-04 at 7.03.54 AM

Ismael_Estefanell · January 4, 2022, 2:04pm

Yeah sorry, in a try to fix it I did that, but with 100% is the same issue. You can check again now.

JimF · January 4, 2022, 2:19pm

Screen Shot 2022-01-04 at 7.18.33 AM

That setting should be ZERO

Ismael_Estefanell · January 4, 2022, 2:25pm

Thank you for your time JimF, the issue continues after that, it was another try to fix it

JimF · January 4, 2022, 2:29pm

Looks fixed here . . . Viewed using 2 different browsers.
Screen Shot 2022-01-04 at 7.30.04 AM
Before

Screen Shot 2022-01-04 at 7.30.36 AM
After

Ismael_Estefanell · January 4, 2022, 2:37pm

Umm not for me, on a widescreen, it looks close to fine, but I still see that px off
Also in smaller breakpoints, you can see that the problem persists.

Neffa · October 29, 2022, 4:11am

I’ve just had the same issue, with a pixel to the right of my 100% width, svg shape divider image and couldn’t find a solution to it online.

There has to be a better fix out there by now but for the time being setting the width to 101% and the Max Width to 101% fixed it temporarily but it just doesn’t feel right

1PxIssue_2