Design System Skill: Fluid Layout & Typography

A thinking framework for building responsive interfaces. This skill applies to any stack: React, Vue, Astro, Svelte, 11ty, plain HTML, Tailwind, SCSS, or vanilla CSS.

Part I: Design Philosophy

Think Before You Code

Before writing any CSS, ask these questions:

1. What's the content hierarchy?
   • What's the most important element?
   • What's secondary, tertiary?
   • What can be hidden on small screens?