Checkerboards

Overview

Checkerboard layouts have a background image on one side, and text on the other, so if multiple sections like this are stacked on top of each other, they form a checkerboard effect.

They're extra fun because the images should automatically expand to fill the available space at all screen resolutions, collapsing on mobile to image-top, content-bottom layouts (the image always goes on top by default, but this can be changed in css.

No darkening is automatically applied to the background images.

Style-Ready Classes

• checkerboard-wide: a wider layout for checkerboard sections which will accommodate more text. This will not change font sizes, but that may be useful to add into your theme's stylesheet, as that's a similar need.