# Compact comparison rows

> A mobile-first responsive comparison layout using stacked capability cards: each row pairs a feature title and summary with a side-by-side comparison block, avoiding horizontal table scrolling on small screens. States no colour and no font of its own.

Canonical: https://patternpaste.com/pattern/compare-compact-rows.html
Section: Compare
Access: Included in Pattern Paste access.
Needs: Requires a block theme on WordPress 7.0 to 7.1. Classic themes and page builders are outside our supported setup. Adaptive patterns use the block theme’s colour, spacing and typography presets; styled variations declare their own colours or type.
Blocks: button, buttons, column, columns, group, heading, paragraph
Keywords: mobile, responsive, compact, rows, compare, cards, features

## Variations (2)

### Paper (the default)

Identical markup in every theme.

The compact comparison rows on your base ground with your contrast text.

### Night compact rows

Identical markup in every theme.

The band inverts to your contrast ground with base text.


---

## The signature moment: native mobile-first row architecture

**Eliminates wide table scrollbars.** Each capability is encapsulated in a ruled row with feature details on the left and dual-tier metric values on the right.

## What happens at 390px

Rows remain readable and intact without horizontal scrolling.

## What it inherits from your theme

- **The typeface.** No font family is stated anywhere.
- **Your colours.** `base` for ground, `contrast` for text and borders.