All Text Card.
Notice how this card stays the same height as its siblings and this text is vertically centered (at desktop sizes). This keeps layouts looking consistent no matter what type of content occupies each sibling card.
Photo on Top + 33.3% Width.
The markup for this card is identical to that for the 50% Width article above.
Background Photo + 30% Dark Overlay
A much lighter overlay work on darker photos, and is easy to control with utilities.
Background Photo + Primary Overlay
Background photos are super easy to add and overlays can be added with utilities for legibility.
Photo on Top + 50% Width.
The markup for vertical articles is the same for a half and thirds split, it’s controlled with columns.