Horizontal scroll

Got this issue forwarded by email, also with suggestions for solutions:

Add --drupal-displace-offset-left: 20px; i variables.css
or

Change the alignfull class in layout.css
.alignfull {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
max-width: calc(100vw - var(--drupal-displace-offset-left, 0) / 2);
}

to

.alignfull {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
max-width: calc(100vw - 10px);
}

Add overflow-x: hidden; i klassen layout-container i layout.css
.layout-container {
margin-top: var(--header-height-mobile);
overflow-x: hidden;
}

As per your suggestions for solutions, I have done all the changes.Please review it and please give me a credit if I did this task as your expectation.

Hi, I have verified this Horizontal scroll issue with #3464006 MR applied cleanly in the D10 version.

Testing Steps:
1. Install the D10 version
2. Go to the appearance tab and install the Gutenberg Starter Theme.
3. To check, click on the homepage. You will see a horizontal scroll at the bottom.

Testing Results
Now the horizontal scroll issue fixed and working as expected.

Screenshots are attached for reference.
Hence it can be move to the RTBC.
RTBC+1

Thankyou !!

Merged. Thank y'all 😉

Automatically closed - issue fixed for 2 weeks with no activity.