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
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
- Modern Fluid Typography Using CSS Clamptopic
- Don't Prompt Your Agent for Reliability — Engineer Ittopic
- Learn Algorithms for Interviews, Forget Them for Worktopic
- From Flaky to Flawless: Angular API Response Management with Zodtopic
- Dmytro Mezhenskyi (u/DMezhenskyi) on Reddittopic
- munificent/craftinginterpreterstopic
- MarkdownLMtopic
- Form Model Design • Angular Signal Formstopic