Flexible Columns — configurable column grid

SECTIONPLANNED
sections/flexible-columns.liquid
Spec only This component is planned but not yet built. The interactive playground will land in a future Mock U-04 release. This page documents the component's purpose, schema surface, file structure, and dependencies so adjacent work can plan against it.

§ 01What it is.

Section that arranges blocks horizontally in a configurable column grid. Merchant chooses column count (2/3/4), column-width pattern (equal · 1-2-1 · 2-1 · etc.), vertical alignment (top · center · bottom), and gap. Each column is a block slot that accepts other components — Heading, Text, Image, Buttons, etc. Wraps gracefully on mobile.


§ 02When to use it.

Two-up testimonial + photo. Three-up feature highlights. Four-up product category grid. Anywhere you need horizontally-arranged content blocks that wrap to one column on mobile.


§ 03Files, type, build position.

Component type

  • Section — full-bleed merchant-configurable page region. Lives in sections/, shows up in the theme editor sidebar.

Files

sections/flexible-columns.liquid

Build position

Needs U-02, U-06, U-07, U-09 as block slot types.


§ 04Related components.

The components this one depends on, composes with, or pairs with. Click through to each.