Closed ben-miles closed 4 months ago
Tried to do this within the confines of the theme.json
approach (see: 23cf378d77a7e2677a6aab5b5ec68dd456aa5175), but the process of replacing WordPress' "Group" blocks with GenerateBlocks' "Container" blocks was the ultimate solution (see: #9).
WordPress' default spacing settings are leaving a little something to be desired. They provide in the GUI a sliding scale input that gets multiplied by some set increment (the default being 1.5 rem). In order to get a useful amount of padding around elements on mobile, you have to max this slider out, but that leads to way too much padding on desktop.
This article talks about how to create your own scale, and altogether alternative approaches: https://developer.wordpress.org/news/2023/03/22/everything-you-need-to-know-about-spacing-in-block-themes/ -- Try some of these suggestions til we have something decent on all devices.