Web design playground: HTML + CSS the interactive way

Part 1: Getting started with HTML and CSS. Getting to know HTML and CSS

Building your first web page

Adding structure to your page

Formatting your web page

Project: Creating a personal home page

Part 2: Working with images and styles. Adding images and other media

Learning more about styles

Floating and positioning elements

Styling sizes, border, and margins

Project: Creating a landing page

Part 3: Laying out a web page. Learning page layout basics

Creating page layouts with Flexbox

Creating page layouts with grid

Designing responsive web pages

Project: Creating a photo gallery

Part 3: Making your web pages shine. More HTML elements for web designers

Adding a splash of color to your web designs

Enhancing page text with typography

Learning advanced CSS selectors

Project: Creating a portfolio page

Appendix: From playground to Web: Getting your pages online.