Responsive spacing issue on Education site

[vishitshah]

On mobile/responsive view, the The Initiatives section on the WordPress Education ( ​https://wordpress.org/education/ ) has inconsistent left and right padding compared to other sections on the page. The content appears too close to the edges, which affects the overall alignment and readability.

Steps to reproduce:

1. Open the page on a mobile device or responsive mode.
2. Scroll to the The Initiatives section.
3. Notice the left/right spacing inconsistency around the heading and content.

[dd32]

FYI @piyopiyofox as the last editor of this page. No, I don't really know the best way to fix this, I don't know if it's the content, or if this should be filed on ​https://github.com/wordpress/wporg-main-2022/ as a CSS issue

[beaubhavik]

Hi, I tested this on mobile responsive view (iPhone 12 Pro).

The Initiatives section on ​https://wordpress.org/education/ has inconsistent left/right padding compared to other sections on the page.

This appears to be a CSS padding issue on the block container. The section's wrapping .wp-block-group is missing consistent padding-inline that other sections have.

Suggested fix:
Add matching padding to that section's container:

padding-inline: var(--wp--style--root--padding-right, 1.5rem);

This can also be corrected from Site Editor → Group block → Dimensions → Padding to match adjacent sections.

Happy to test a patch if needed.