Modern HTML & CSS From The Beginning (Including Sass) (

Build modern responsive websites & UIs with HTML5, CSS3 & Sass! Learn Flex & CSS Grid

Created by: Brad Traversy

Produced in 2022

What you will learn

  • Build Multiple High Quality Website & UI Projects
  • HTML5 Semantic Layout & CSS Fundamentals
  • Flexbox & CSS Grid Projects
  • CSS Variables, Transitions, Dropdowns, Overlays & More
  • Website Hosting & Deployment With FTP & Git
  • All Skill Levels

Quality Score

Content Quality
Video Quality
Qualified Instructor
Course Pace
Course Depth & Coverage

Overall Score : 96 / 100

Live Chat with CourseDuck's Co-Founder for Help

Need help deciding on a css course? Or looking for more detail on Brad Traversy's Modern HTML & CSS From The Beginning (Including Sass)? Feel free to chat below.
Join CourseDuck's Online Learning Discord Community

Course Description

This course is for both beginners and seasoned developers that want to learn how to build responsive websites and user interfaces with modern HTML5 and CSS3+ technologies like Flexbox and CSS Grid as well as the Sass pre-compiler. This course includes hours of both learning & studying sections along with real life projects. Stop having to rely on frameworks like Bootstrap for your user interface and learn how to create your own layouts and utility classes to build custom responsive websites and app UIs.
The first few sections are tailored for beginners so even if you have never built anything before, you will learn all of the basics. If you already have experience with basic HTML & CSS, just move to section 3 or 4 and get started.
Things We Cover
  • How Websites Work
  • Visual Studio Code Setup, Shortcuts, Live Server & Emmet
  • HTML5 Semantic Layout
  • CSS Fundamentals
  • Responsive Design With Media Queries
  • CSS Units - rem, em, vh, vw, etc
  • Flexbox
  • CSS Grid
  • Animation with Keyframes & Transitions
  • CSS Variables
  • Sass Pre-compiler with portfolio project
  • Full Projects & Mini Projects
  • Website Deployment to Shared Hosting & Netlify With Git
  • Much More
Sections on Sass will be being added very shortly!Who this course is for:
  • From absolute beginner to seasoned developer

*Some courses are excluded from this sale. Coupon not working? If the link above doesn't drop prices, clear the cookies in your browser and then click this link here.
Also, you may need to apply the coupon code directly on the cart page to get the discount.

Coupon Code

Instructor Details

Brad Traversy

Brad Traversy has been programming for around 12 years and teaching for almost 5 years. He is the owner of Traversy Media which is a successful web development YouTube channel and specializes in everything from HTML5 to front end frameworks like Angular as well as server side technologies like Node.js, PHP and Python. Brad has mastered explaining very complex topics in a simple manner that is very understandable. Invest in your knowledge by watching Brad's courses.



50 total reviews

5 star 4 star 3 star 2 star 1 star
% Complete
% Complete
% Complete
% Complete
% Complete

As an absolute beginner, i am satisfied with what i've learned ! For new students, be patient !Arrived here via the youtube crash course didn't hesitate and don't regret it at all !As an answer to Brad's endings "hopefully this makes sense": this course made a lot of sense for me, thank you so much Brad and see you next !

I learned about Brad Traversy's courses trough his free youtube tutorial HTML/CSS from the beginning. I thought that was a very good tutorial and was from there directed here. I made a Udemy account and bought his HTML/CSS from the beginning course. It was easy to understand at first for people with no coding experience. At the end it goes fast, but everything he does was explained in courses before, so if you don't remember what it was he's doing exactly, you can look it up again in previous videos. I like that kind of approach.When i was halfway the course i was blown away on the quality of the content, and the rate that i was learning new stuff. Thats when i decided to buy Brad's Javascript, PHP, Bootstrap & Materialize courses already.In General, this course completely exceeded my expectations, and those were already pretty high.Thanks Brad, for such a nice info packed quality course!Cheers*Moving on to the Javascript course*

brad does a great job. i took both his CSS & HTML crash courses and found them very helpful. Plan to send him money for his great jobs... old tony.. brad is a great teacher

This is awesome as I have learnt a lot from this course. Many thanks, Mr Brad. I am moving on to the next level 'Your JavaScript course'.I appreciate. Stay blessed my brother' Mr Brad' from another Mother! Cheers

Absolutely loved it! I started as a beginner and now I feel confident when I code. But there was also some unnecessary things too(e.g. adding static overlay to background). Anyway overall I certainly recommend this course to every beginner who wants to learn web development from basic to advanced.

I enjoy this course so much.Brad teach a numbers of useful real world project that later can be modify/reuse for future usage. Brad himself is a native english speaker, due to this, his delivery/intonation is straight on point, precise and short. He emphasis the importance of repetition, so learners can get used to html/css element in modern web development.

I have just finished this course and I love it! it has so much content and the theory is explained in a way that will allow you to use it as a reference for your projects.Thank you Brad Traversy for your hard work.

at first was good but then flexbox just 24 minutes grid 40 minutes, and sass just 46 minutes,, i had to go to google and youtube to learn about grid and sass, he lost focus from flex to end. however i can't deny, i learned a lot

These are clear and easy to follow exercises which use practical explanations and strategies for building and deploying websites of increasing complexity.

This was a great course, I learnt a lot and have a better understanding of building websites, Brad is a great instructor, his explanations were clear and informative

This course was amazing, really well made. The only thing that I thought could have improved it would be a few more stop sections later in the course when things are more complex to get the student to try to code their own changes before seeing the way that it was done in the tutorial.

, .-. , , . - . . 5/5 Brad Traversy.