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.
Theme handoff
What comes from where
From your theme
- The typeface.
- Your colours.
Full pattern notes
Why it works, and how it is built
Open a topic for the complete design reasoning, editing guidance and implementation notes.
Design rationaleComposition, intent and nearest alternatives
Overview
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.
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.
Theme behaviourInheritance, fixed decisions and contrast
What it inherits from your theme
- The typeface. No font family is stated anywhere.
- Your colours.
basefor ground,contrastfor text and borders.
Technical notesBlock mechanics, responsive behaviour and constraints
What happens at 390px
Rows remain readable and intact without horizontal scrolling.
Questions
Compact comparison rows: common questions
Does Compact comparison rows need a plugin?
No. It is built only from core WordPress blocks (button, buttons, column, columns, group, heading and paragraph), so it pastes into the block editor with nothing to install.
Will Compact comparison rows match my theme?
Yes. It names no colour or font of its own: every colour, size and space is a preset from your theme, so it takes your theme’s palette and type when pasted.
How many variations does Compact comparison rows have?
2: Paper and Night compact rows. Each is its own markup; choose one in the toolbar above the preview before you copy.
Is Compact comparison rows free?
It is included with a subscription, with every Core Pattern and variation. 62 Core Patterns are free to copy without one.
Which WordPress version does it need?
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.
The markup
Core block markup and nothing else. Copy it, then paste it straight into the block editor: WordPress reads the delimiters and rebuilds the blocks.
Fetching the markup…Variation: Night compact rows
Fetching the markup…
