Watch
Mobile-first 0:30
A 30-second explainer of Mobile-first, narrated over the same demo you can try yourself.
Try the interactive Mobile-first demo
What this video covers
Mobile-first means designing for the small screen first, then enhancing for larger ones, rather than starting with desktop and forcing it down. Beginning with tight constraints pushes you to decide what truly matters - and what remains is a core that scales up gracefully, not a desktop layout squeezed until it breaks.
Built mobile-first, the phone screen was calm and confident - one clear path, big targets, the essentials and nothing else. The desktop-first version shrunk onto the same screen was the opposite: columns crushed together, text and taps too small, the whole thing fighting for room. Same content; only the starting point differed.
