Currently we are using many constructs to style the section and block, which is creating too much confusion to understand and I am sure will be a problem for author as well.
Also, in current version the inline-padding for desktop is getting handled via new key in section-metadata named 'Style-Large' that is taken care when page is loaded in aem.js. On page resize, it does not works until page is reloaded.
With these many constructs, the gap b/w heading, block and b/w sections is still not handled. It means few more constructs will add to the style metadata to handle it.
Hero Block Section Metadata
Cards Grid Block
Accordion Block
Objective:
Simplify styling constructs and try to achieve that via css only.
Hero Block Section Metadata
Cards Grid Block
Accordion Block
Objective: Simplify styling constructs and try to achieve that via css only.