Can't Resize
Learn responsive design

Learn

Viewer

0 today

One site.
Every screen.

Preview your site on every device at once, test your knowledge with quick-fire challenges, and study 128 responsive patterns side by side.

free · no signup · works with localhost
iPhone 15
iPad Air
Desktop 1080p

Three ways to level up

A multi-device viewer, a pattern quiz, and a reference library.

Viewer

Preview any URL on phones, tablets, and desktops with synced scroll, click, and navigation.

Play

Pick the better responsive pattern in 10 side-by-side code challenges. Daily and weekly seeds included.

Learn

128 patterns across 16 categories. Each shows the fragile approach, the resilient one, and why it matters.

You’re on Can't Resize

Explore more from the series
See all on Can't Hub
</>

Can't Maintain

React component API design. Props, composition, and patterns.
Development
TS

Can't Type

TypeScript patterns. Generics, narrowing, utility types, and common mistakes.
Development

Can't Orchestrate

Container orchestration patterns. Docker, Kubernetes, CI/CD, and Helm.
Development

Can't SEO

SEO best practices for Next.js. Meta tags, Open Graph, structured data, and more.
Development

Can't UX

UX design patterns. Typography, spacing, color, hierarchy, layout, and forms.
Design

Can't Explode

Chemistry challenges. Molecular stability, acid strength, bond energy, and electronegativity.
Science

Open source

Built with Next.js, Material UI, and TypeScript. Contributions welcome.

Star
Contribute
Add challenges
Sponsor