HTML & CSS
Start with HTML and CSS Layout Fundamentals here — the core of what HTML & CSS Layout covers.
Start layout by understanding the default document flow.
Positioning lets you break out of normal flow when you need overlays, tooltips, sticky headers, or UI chrome.
Flexbox (Flexible Box Layout) excels at arranging components in one dimension, either rows or columns, while distributing space and aligning items responsively.
CSS Grid unlocks two-dimensional layout.
Combine Flexbox, Grid, and modern CSS features to build reusable page layouts-hero sections, split panels, dashboards, and marketing pages-without resorting to brittle floats.
Responsive design ensures every layout looks and works great on any device.
Turn design patterns into resilient components that adapt to any viewport.