Back to quality gates
readable-measure-and-wrap
Readable Measure and Wrap
Headings, body copy, metadata, and actions retain intentional line lengths without brittle hard breaks or accidental one-word columns.
Quality gatesRecommended
Intent
Prevent responsive typography from looking cut apart when display type, side padding, or a narrow max-width consumes the available measure.
Checks
- Inspect the longest real heading, paragraph, label, and action immediately before and after every layout breakpoint.
- Remove ordinary-copy hard breaks and reject measures that repeatedly produce one- or two-word body lines when more width is available.
Warnings
- A layout can avoid overflow and still be unreadable because padding or type scale leaves an unusably narrow text column.
Exceptions
- A short editorial phrase may use a deliberate fixed break when it remains coherent at every supported width and zoom level.