MODERN HTML & CSS FROM THE BEGINNING 2.0
The Fundamentals Of Web Development
Build modern responsive websites with HTML5 & CSS! Learn Flexbox & CSS Grid.
START LEARNING
100,000+
Students Enrolled

4.7+
Rated

English
Course Language

Last Updated
06/2024
Course Overview Video

24 hours on-demand video

Full Premium Docs

Full lifetime access

Access on mobile and TV

Certificate of completion
What you'll learn
Course Description
This course is for both beginners who want to learn HTML & CSS from beginning to end as well as devs who just want to do some cool projects and sharpen their CSS skills.
Hours of learning & modules to study CSS properties and concepts, small challenges and mini-projects as well as 3 real-life projects that we deploy to platforms like Netlify & Vercel.
Check out the below curriculum!
Module 1: Course Introduction
Module 2: Essential HTML
Module 3: Forms, Inputs & Media Elements
Module 4: More HTML Elements
Module 5: CSS Basics
Module 6: Box Model & Positioning
Module 7: Flexbox
Module 8: Responsive Design
Module 9: Landing Page Form Mini-Project
Module 10: Various CSS Features
Module 11: Lumina Creative Website Project
Module 12: Git & Web Hosting
Module 13 - Web Accessibility Introduction
Module 14: Advanced Selectors - Pseudo Classes & Elements
Module 15: CSS Grid
Module 16: Transitions, Animations & A Little JS
Module 17: Tutor Website Project - Part 1
Module 18: Tutor Website Project - Part 2
Module 19: Leno Website Project (BEM) - Part 1
Module 20: Leno Website Project (BEM) - Part 2
Module 21: Outro
Course Projects
Let's take a look at the projects.

Lumina Creative
Minimalistic website for a design/photography agency. Responsive layout, flexbox gallery.

Tutor Course Website
Website for a course on building courses. Responsive layout, CSS Grid, flexbox, hamburger menu.

Leno App Website
Website for a mobile app. This project uses the BEM CSS methodology. Responsive layout, animated button & custom modal.

Bono Form Mini-Project
Landing form for a fictional mobile app.

Pricing Grid Mini-Project
Introduction to fundamental CSS properties and flexbox.
And many more are waiting for you in the course...
Course Ratings
Some of the Latest Reviews


Meet T.
Amazing course!!!. It was amazing experience to learn HTML & CSS under Brad's teaching. I think It is the best HTML & CSS course for beginners. Worth for money and time. I am jumping into JavaScript course which is created by Brad. Thank you Brad and Good luck to all.


Christopher R.
"Really Great Course!" I love Brad's teaching style and this course helped to fill in the gaps I was missing from other coding courses. I will be taking his JavaScript course next. Thanks so much!!


Ifrah T.
Fantastic course with a great teacher. I enjoyed this course and learnt all the sections smoothly. The projects were fun to do and I've learnt a lot through this, now I'm able to move to js. Thank you, Brad, for what you are serving your students and society.