Learn HTML & CSS
20 lessons to master HTML & CSS — from your first tag to a production-ready website.
HTML Fundamentals
Structure web pages with semantic HTML elements.
Introduction to HTML
tags, attributes, document structure
Text elements
h1-h6, p, strong, em, lists
Media elements
img, video, audio, figure
Forms
input, select, textarea, validation
How the Browser Renders
From HTML to pixels on screen
CSS Fundamentals
Style your pages with selectors, colors, and the box model.
Introduction to CSS
selectors, properties, cascade
The box model
margin, padding, border, box-sizing
Colors and typography
color, font, text, Google Fonts
Backgrounds and borders
background, gradients, border-radius, shadows
The CSS Cascade
How browsers resolve conflicting styles
Layout
Master Flexbox, Grid, and modern layout techniques.
Display and positioning
display, position, z-index, float
Flexbox
flex-direction, justify, align, gap
CSS Grid
grid-template, areas, fr, auto-fit
Layout patterns
holy grail, cards, sidebar, sticky footer
Flexbox vs Grid
When to use each layout system
Responsive & Modern
Responsive design, variables, animations, and pseudo-elements.
Responsive design
media queries, mobile-first, viewport
CSS variables
--custom-properties, var(), theming
Animations
transition, @keyframes, transform
Pseudo-elements and pseudo-classes
::before, ::after, :hover, :nth-child
CSS Evolution
From tables to modern CSS
Tooling & Production
Sass, architecture, performance, and a final project.