ben-miles / mibluelodge

Website for Merritt Island Lodge No. 353, Free & Accepted Masons.
https://mibluelodge.net/
Other
0 stars 0 forks source link

Spacing / Padding / Margins for main sections #10

Closed ben-miles closed 4 months ago

ben-miles commented 5 months ago

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.

ben-miles commented 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).