TRAVERSY MEDIA FLAGSHIP COURSE
Modern HTML & CSS From The Beginning 2.0
Learn HTML and CSS from the ground up, then build responsive layouts, accessible interfaces, and complete production-ready websites.
4.7 ★★★★★ • 11,646 students • Updated January 2025
FULL LIBRARY ACCESS
Membership options
Compare monthly and annual plans for access to every course.
View Membership Options24 hours
On-demand video lessons
3 websites
Complete responsive projects
21 modules
Foundations to deployment
201 lessons
Modules, challenges, and projects
Lifetime access
Learn at your pace
COURSE OVERVIEW
Build modern websites from the fundamentals up
Start with semantic HTML, forms, media, and accessibility. Then master CSS fundamentals, the box model, positioning, Flexbox, Grid, responsive design, selectors, transitions, and animation.
Apply everything through mini-projects and three complete websites, then publish your work with Git, Netlify, and Vercel.
WHAT YOU WILL LEARN
Build a complete HTML and CSS foundation
Understand structure, styling, responsive layouts, accessibility, and deployment.
Semantic HTML
Create well-structured pages with semantic elements, forms, tables, media, SVG, and modern browser features.
CSS Fundamentals
Master selectors, typography, color, backgrounds, the box model, positioning, and reusable custom properties.
Flexbox and Grid
Build flexible one-dimensional layouts and complete two-dimensional grid systems.
Responsive Design
Create interfaces that adapt with flexible sizing, media queries, container queries, and mobile navigation.
Accessibility
Use semantic structure, ARIA, screen readers, roles, and accessible interaction patterns.
Projects and Deployment
Build complete websites, use Git and GitHub, and deploy production-ready work to Netlify and Vercel.
BUILD AS YOU LEARN
Projects that turn HTML and CSS concepts into complete websites
Build responsive layouts, reusable components, accessible interfaces, and polished production sites.
PROJECT 01
Lumina Creative
Create a minimal portfolio for a design and photography agency with a responsive Flexbox gallery and custom lightbox.
PROJECT 02
Tutor Course Website
Build a full course website with CSS Grid, Flexbox, SVG artwork, mobile navigation, forms, and accessibility improvements.
PROJECT 03
Leno App Website
Create a responsive app landing site using BEM, transitions, animations, reusable components, and a custom video modal.
THE COMPLETE CURRICULUM
21 modules from HTML foundations to complete responsive websites
201 published lessons, 24 hours of video, practical challenges, mini-projects, premium documentation, and three full websites.
01 - Introduction
02 - Essential HTML
03 - HTML Form & Input Elements
04 - More HTML Elements
05 - Basic CSS
06 - Box Model, Positioning & More
07 - Flexbox
08 - Responsive Design, Sizing Units, Media Queries & More
09 - Landing Page Form - Mini-Project
10 - Various CSS Features
11 - Lumina Creative Website Project
12 - Git & Web Hosting
13 - Web Accessibility Introduction
14 - Advanced Selectors - Pseudo Classes & Elements
15 - CSS Grid
16 - Transitions, Animations & A Little JavaScript
17 - Tutor Website Project - Part 1
18 - Tutor Website Project - Part 2
19 - Leno Website Project (BEM Methodology) - Part 1
20 - Leno Website Project (BEM Methodology) - Part 2
21 - Outro
CHOOSE YOUR ACCESS
Own this course or unlock the full library
Buy once for lifetime course access, or choose a monthly or annual membership.
YOUR INSTRUCTOR
Learn with Brad Traversy
Brad has helped millions of developers learn web development through practical, project-based teaching. His courses focus on clear explanations, useful projects, and the skills you need to build real websites and applications.
Modern HTML & CSS 2.0 takes that approach from the core building blocks of the web through responsive layout, accessibility, animation, version control, and production deployment.
FREQUENTLY ASKED QUESTIONS
Before you enroll
Is this course beginner friendly?
What do I get with the $25 option?
What is included in the annual membership?
Do I need prior web development experience?
START BUILDING TODAY
Learn modern HTML and CSS by building real websites
Get Modern HTML & CSS 2.0 on its own for $25, or unlock every Traversy Media course for $99 per year.
Buy Modern HTML & CSS for $25