Min-width
The CSS min-width media feature matches when a viewport or output area is at least a specified width.
Tiny CSS Projects
The min-width media feature tests whether the viewport or output width is at least a specified value.
- How it is used
- Applies responsive CSS when the viewport reaches a chosen minimum width.
- How deep it goes
- Explains threshold syntax and demonstrates breakpoint-specific alignment and Flexbox layouts, without detailing media-query evaluation internals.
- Examples
- Uses responsive newspaper columns, checkout-table alignment, and side-by-side cart and summary cards.
- What you can do after
- Apply min-width media queries to progressively adapt table alignment and checkout layouts for wider screens.
Web Design Playground, Second Edition
The min-width media feature tests whether the viewport or rendering surface is at least a specified width.
- How it is used
- Uses a width threshold to conditionally adjust page elements in adaptive layouts.
- How deep it goes
- Defines the threshold test and demonstrates media-query syntax, while deferring other media features to further reference material.
- Examples
- Shows an aside becoming inline-block at 1,024 pixels or wider.
- What you can do after
- Apply min-width through CSS media queries to change layouts at chosen screen-width thresholds.
Read how Web Design Playground, Second Edition explains min-width →
Related concepts
- media querykind of · A media query is a CSS conditional rule that applies styles when specified media types or presentation-environment features match.
- mobile-first layoutused by · Mobile-first layout is a responsive design approach that establishes styles and structure for small screens before adapting them for larger screens.
- max-width propertycontrasts with · The CSS max-width property sets the maximum permitted width of an element’s applicable box.
- min-width propertycontrasts with · The CSS min-width property specifies the minimum permitted width of an element’s applicable box.
These guides are generated from the text of Manning books by Manning's knowledge graph and link to the sections they draw on. The full books are available on liveBook and at manning.com.