Course patterns have spacing set that don't work on mobile

[yscik]

Many of the patterns offered for the course ('Long sales page', 'Video hero') have Group blocks with left-right padding attributes set to 90px or similar. These don't look to good on mobile screens:

<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"bottom":"120px","top":"120px","right":"90px","left":"90px"}} ... -->

Steps to reproduce

• Add a course and select one of the patterns, or add them to an existing course
• Open course frontend on a small screen

Notes

• The Dimensions control in the block editor is not available on all themes (like classic themes, but even on TT1), so the users cannot change the padding or even see what sets it
• Gutenberg is just shipping spacing presets that are responsive (ie the 'medium' preset would mean fewer pixels on mobile). See Spacing presets: add editor UI support WordPress/gutenberg#42173 and linked issues there
• Group blocks have reasonable default paddings set when they have a background color, so I think the best action right now is to remove all the padding from the patterns and use the theme/WP default.

[m1r0]

5749810-zd-woothemes

[github-actions]

Support References

This comment is automatically generated. Please do not edit it.

• 5749810-zen