Responsive HTML — a practical guide to responsive HTML with clear examples you can reuse in real projects.
HTML Tutorial Series (66/79). Prefer one article? Read the complete HTML tutorial.
Short description
Use viewport meta, flexible media, and meaningful source sets.
Responsive image
<img
src="hero-800.jpg"
srcset="hero-800.jpg 800w, hero-1200.jpg 1200w"
sizes="(max-width: 800px) 100vw, 800px"
alt="Mountain trail at sunrise">