Skip to content

Reading / 2026-04/2026-04-24t085352-building-a-ui-without-breakpoints

Building a UI Without Breakpoints

Argues that modern component-first UIs should replace viewport breakpoints with intrinsic layouts, fluid clamp() values, container units, and container queries — reserving media queries for device capabilities and user preferences.

Apr 24, 2026 · design · Amit Sheen, Frontend Masters

Read at the source →

Topics

  • responsive-design
  • fluid-typography
  • web-accessibility
  • engineering-craft
  • software-architecture

Cited by

  • Engineering craft

    Engineering craft is the accumulated discipline of writing, organizing, and maintaining software well — spanning code design, tooling fluency, communication, and the judgment to know when technical excellence actually changes outcomes.

  • Fluid typography

    Fluid typography scales type continuously across viewport sizes using CSS clamp() and modular scales, eliminating stepped breakpoints in favor of math-driven relationships between minimum, maximum, and preferred font sizes.

  • Responsive design

    Responsive design is shifting away from viewport breakpoints toward intrinsic, component-aware CSS — fluid sizing, container queries, and platform primitives that let layouts and typography adapt without media-query thresholds.

  • Software architecture

    Software architecture shapes how systems behave under pressure, how teams reason about codebases, and how much complexity accumulates over time — spanning module design, state management, deployment topology, and the feedback loops that keep all three honest.

  • Web accessibility

    Web accessibility spans technical decisions across CSS, typography, and HTML structure that determine whether interfaces remain usable for all people, regardless of device, ability, or preference.

Related

back to /reading