Closed kaylima closed 4 years ago
Three-column gutter is 32px
, so for matching whitespace we'd need
.alignfull .wp-block-columns {
padding: 0 20px;
}
The layout on this page is Image blocks in Columns in an alignfull Group block.
Prevent inter-column additional whitespace on mobile:
@min-width ( 781px ) {
.alignfull .wp-block-columns {
margin-bottom: 32px;
margin-top: 32px;
}
}
.alignfull .wp-block-columns {
margin-left: 32px;
margin-right: 32px;
}
That CSS change ☝️ is small enough to temporarily insert via the Customizer, but I can get a PR for it tonight if desired.
Would we want to deploy this alongside the frontend tweaks for Give https://github.com/INN/inn/pull/128 or is this an entirely separate matter?
this can be added across the board... I think? But definitely add different id if needed.
Goal = make the images that are full-width on the rust to resilience page have some spacing.. right now are up against the edges on left and right.
wp-block-columns { margin: 30px; }