freeCodeCamp
freeCodeCamp Responsive Web Design V8 (Legacy)
freeCodeCamp’s legacy responsive web design curriculum, using HTML and CSS exercises and projects to build page-layout skills.
Beginner10+ hoursCertificate
HTML and CSS courses and tutorials
Find HTML and CSS learning paths for page structure, responsive layouts, and accessible browser interfaces, with guidance on building before adding frameworks.
4 learning resources in this collection
About HTML and CSS
HTML describes a document's structure and meaning; CSS controls its presentation. Together they are the foundation of web interfaces, including applications built with JavaScript frameworks. Learning them directly makes layout problems and accessibility decisions easier to diagnose.
Choose a useful starting point
Choose material that explains semantic elements, the box model, layout, and responsive behavior. Build a form and a small multi-section page before relying on component libraries. Inspect the result in the browser rather than assuming a screenshot proves the structure is sound.
Build on the lessons
Recreate a simple page with your own content, then test narrow screens, keyboard navigation, and longer text. Explain why each element and layout rule exists. Add JavaScript after the document works as a useful starting point.