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. 1 May 02
Photo on Top + 33.3% Width. The markup for this card is identical to that for the 50% Width article above. 1 May 02
Background Photo + 30% Dark Overlay A much lighter overlay work on darker photos, and is easy to control with utilities. 1 May 02
Background Photo + Primary Overlay Background photos are super easy to add and overlays can be added with utilities for legibility. 1 May 02
Photo on Top + 50% Width. The markup for vertical articles is the same for a half and thirds split, it’s controlled with columns. 1 May 02