Responsive Design Lessons From Building Without Frameworks

Before Tailwind, before Bootstrap, I built full layouts in nothing but hand-written CSS. It was slower — and it was the best investment of my learning journey.

Mobile-first isn't a slogan, it's a constraint that produces better design. When you start at 360px wide, you're forced to decide what actually matters on the page. Desktop then becomes an enhancement, not the baseline.

Flexbox and grid solve different problems: flexbox flows content in one direction, grid controls two-dimensional layout. Once that clicked, I stopped fighting CSS and started composing with it.

Frameworks are amplifiers, not substitutes. Tailwind makes me dramatically faster today precisely because I know what every utility class compiles down to. When something breaks, I can drop to raw CSS and fix it.

My advice to anyone learning: build at least two complete pages with zero frameworks. The struggle is the curriculum.