Wrapping row element includes -ve margin to match default horizontal padding set in section. Uses display:flex with no-wrap and vertical fill; at small screen switch to wrap.

Columns are 100% width and include default padding of 36px, 24px

Background styling can be set on row or individual column element and carries through at all breakpoints

.to-edge-(t|r|b|l|all) styling on column sets appropriate padding to 0 for special cases