Below is a stack (full width) with section HTML element applied.
How do we want this to behave?
We want all content inside this section to be wide but not full width with, text left justified unless otherwise styled.
section.wp-block-group * {max-width: 1000px; margin: auto; width: 100%;}heading 2
bold text but I told it to be centred
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
.wp-block-columns-is-layout-flex {max-width: 100%!important;}
- list item
- list item
h3
h3
h3
And below is a stack with default <div> HTML element and full width and stretch justifcation applied.
How do we want this to behave?
col left
col right
And below is a column setup that is NOT inside a stack. So objects that are not inside a stack default to having no padding and taking up the full width of the screen.
1
2
3
And here is an image set to full width not inside a stack
Cover image element