# Mobile First: Start Small, Then Add Room

Mobile-first CSS writes the phone layout as the base styles and uses min-width media queries to add columns as the screen grows, which takes less CSS than shrinking a desktop layout down.

![Cheat sheet: Mobile First: Start Small, Then Add Room](https://fsdtrainingmedia.blob.core.windows.net/public/images/2026/10/0da3bab71a7a4b84b01c920a15698fce.webp)

- Category: CSS
- Level: Journeyman
- Tags: Breakpoint (css), CSS, Media query, Mobile-first design, web-development
- Updated: November 1, 2026

Source: https://www.ask-codey.com/cheat-sheets/css-mobile-first-cheat-sheet