CSS Simplified

Learn how to build beautiful sites with over 100 videos and 20+ projects hand crafted to make learning CSS as easy as possible.
Logos of companies that trust Web Dev Simplified

Trusted By

Join thousands of other students working at prestigious companies around the world

Meet Your Instructor

Hi, I'm Kyle πŸ‘‹

I have been a full stack web developer for nearly a decade, but you most likely know me from my YouTube channel Web Dev Simplified which has over 1 million subscribers.

On YouTube alone my videos are viewed over 3 million times per month, and through my courses I have helped over 60,000 students increase their skills and land high paying jobs.

HOW IT WORKS

Just 3 simple steps to CSS mastery

Simple and stress-free

Step 1

Sign Up

Create an account in seconds to get instant access to CSS training that will transform you ability to create beautiful apps

Step 2

Access Community

Join the ever growing community of over 10,000 developers to access expert advice and support

Step 3

Get Hired!

Apply the concepts you learn to land your dream job and skyrocket your salary

WHAT MAKES THIS COURSE UNIQUE

We Go Way Beyond Just The Basics

Save Time

I spent over a decade mastering CSS and condensed all of that knowledge so you can learn CSS in just 16 hours.

Spend Less

Everything you need to learn is included at an affordable price so you never need to spend money on another course.

Be The 10x Dev

By the end of this course you will know 10x more CSS than most developers (including senior devs).

More Interviews

Since most developers never master CSS you will shoot to the top of every interview list with the skills from this course

Stay Up To Date

This course is updated as new CSS features release so you can keep you up to date with the latest CSS.

Real Projects

Build real projects like a Discord clone, and beautiful landing pages that will make your portfolio pop.

WHAT'S INCLUDED

The secret to learning CSS

And it's all yours with CSS Simplified

Video Lesson Preview

Step By Step Video Lessons

Everything you need to learn CSS and build any web design you can dream of in 101 easy to digest videos which amount to just over 16 hours of video content.

Every single video is also professionally captioned and these captions are searchable so you can easily find exactly what you are looking for without wasting hours re-watching videos.

Discord Channel Chat Window

Active Community

Join the active Discord community of over 10,000 developers, and utilize the knowledge of these experts and peers to answer your questions, get feedback, inspiration, and support.

Example of projects from the course, such as, a 3D cube, a button library, and an image gallery

Hands On Exercises

The only true way to learn CSS is by building out actual projects on your own. That is why this course has over 20 different projects and exercises that you will build ranging from relatively basic projects at the start all the way to real world projects that will impressive future employers.

Direct Professional Help

I am incredibly active in the community and comments of this course which means I will be there to answer every question you have and help you if you get stuck. The first thing I do every morning is read and respond to questions in my courses from students just like you.

VSCode text editor with real world CSS code

BONUS: Using CSS In Real Apps

Not only will you learn how to create any design you can dream of using CSS, but you will also learn how CSS is used in the real world. I will share how developers manage large codebases, work around old browsers, use frameworks, and much more.

Example projects from the course, such as a Discord clone and an advanced landing page

BONUS: Build Real World Apps

This is the best part of the entire course since it takes all the skills you learn throughout the entire course and puts them to use building complex real world apps entirely on your own.

You will learn how to work with Figma designs to create complex CSS websites such as this Discord clone, or this stunning landing page.

TESTIMONIALS

60,000+ Students love Kyle's courses

”Taking Kyle’s CSS course has taken away a lot of my impostor syndrome. I don’t assume things like I used to. He breaks down every bit of the course so that you will understand how everything works from the ground up. He also makes sure to point out best practices which is very valuable.”

🌟🌟🌟🌟🌟

Jesus Avina

”I have been completely blown away by the value that Kyle brings in this course. I quite literally went from next to no knowledge in CSS
to making SELLABLE webpage designs with just a few minutes a day. Most bootcamps would charge out the neck for the teaching Kyle provides. I knew he was my favorite teacher on YouTube for a reason, and I WILL be back for his JavaScript course.”

🌟🌟🌟🌟🌟

Diarmuid

”I previously bought a front end development course and felt lost. I realized I needed a better understanding of the fundamentals since I still had gaps in my learning. It just seemed like there was something missing… so I thought maybe I’d find it in a bootcamp.

But when I came across Kyle’s YouTube videos, I ended up buying his courses instead. After first finishing Kyle’s CSS course, I came out more confident, so I decided to buy his JS course too. I quickly gained more confidence in what I was doing with JavaScript and I liked Kyle's courses so much that I ended up cancelling the bootcamp.”

🌟🌟🌟🌟🌟

Alexis Weiss

β€œWhen I purchased this course I was a beginner in CSS feeling a bit overwhelmed. I was learning well on my own, but I couldn't grasp the bigger picture of what I should be focusing on. This course taught me which tools in CSS are most frequently used and how to get the most out of them. Further, I learned how to better structure my HTML and how to systematically implement class names to create stylesheets that are readable, scalable, and maintainable.
The projects gave me a good sense of the fundamentals and I felt comfortable implementing those skills in my own projects. I didn't just stick around in tutorial hell and managed to do a lot with HTML & CSS on my own, from scratch. It has become second nature.
This course has easily paid for itself in the time I saved.”

🌟🌟🌟🌟🌟

Matthew Dillemuth

Start mastering CSS now

What are you waiting for

$95

CSS Simplified

Features

  • 101 step by step video lessons

  • Exclusive access to private Discord community

  • Real world projects/exercises

  • Professional assistance

  • Before and after source code for all projects

  • Download all videos for offline access

  • Lifetime access

  • All future updates

  • BONUS: 6 videos on how to use CSS in real world projects

  • BONUS: 2 massive bonus real world projects that make your portfolio pop

Frequently asked questions

Does purchasing this course give me lifetime access?

Yes! All my courses come with lifetime access. Not only that, but all future updates for the course are entirely free for you. Even if I re-record the entire course it is still given to you as a free update.

You never need to worry about having to purchase the same course multiple times.

Is this course a good fit for me?

If your goal is to understand how to CSS works so you can build beautiful websites or to land a job as a CSS developer then this course is perfect for you. It doesn't matter if you have never used CSS before or if you have some CSS knowledge already, this course will teach you everything you need to know to get up and running with CSS. By the end of this course you will have all the knowledge you need to apply for frontend CSS jobs and build any design with CSS.

What do I need to know to take this course?

In order to succeed with this course you only need to have a basic understanding of HTML. And I truly mean basic understanding. If you have spent 30 minutes learning HTML then you know more than enough HTML for this course.

How do I access the course after purchasing it?

Check your email after purchasing the course. You should receive an email with a link to the course. If you do not receive this email please send us a message at suppport@webdevsimplified.com and we will help you work it out.

Does this course cover SASS/SCSS/LESS/etc?

No. These libraries are no longer needed for modern CSS development since all the best features of those libraries have been added to CSS. Instead, this course covers all the modern CSS features you need to know so you can write CSS code that is even more robust and flexible than SASS/SCSS could ever be.

Does this course cover JavaScript or HTML?

No. This course focuses purely on CSS so you will already need to have a basic understanding of HTML to take this course.

When was this course recorded?

This course was recorded in December of 2024. That means this course focuses heavily on modern CSS concepts such as container queries, grid, layers, nesting, etc. without wasting your time on outdated CSS concepts.

What if I buy the course and do not like it?

While I am sure that you will love this course, if for any reason you do not, just email us at support@webdevsimplified.com within 6 months for a full refund.

Can I buy a team bundle?

Of course! Just send us an email at support@webdevsimplified.com and we can workout a bundle for your entire team.

Are there student discounts available?

Yes! If you are a student, email us at support@webdevsimplified.com using your student email and we will send over a discount code.

Are there PPP discounts available?

Yes! If you are from a country that we offer PPP discounts for, you should see a discount banner at the top of this page. If you do not see this banner and you believe your country qualifies, make sure you turn off any VPNs and refresh the page.

Any other questions?

If you have any more questions about the course email us at support@webdevsimplified.com and we will answer any questions you have.

Table of Contents

Course Tools

Course Platform Browser Extension

Fundamentals

01 - What Is CSS
02 - CSS Basic Syntax
03 - How To Add CSS
04 - Comments
05 - Inheritance
Preview
Selector Cheat Sheet - Light
Selector Cheat Sheet - Dark
06 - Simple Blog Project
07 - User Profile Project Introduction
08 - User Profile Project Walkthrough
09 - Color Basics
10 - Specificity
11 - Pseudo Classes
12 - Box Model
Preview
Box Model Cheat Sheet - Light
Box Model Cheat Sheet - Dark
13 - Units
14 - Input Component Library Introduction
15 - Input Component Library Walkthrough
16 - Button Component Library Introduction
17 - Button Component Library Walkthrough
Preview
18 - Portfolio Project

Layout and Positioning

19 - Document Flow
20 - Floats
21 - Flexbox
22 - Modal Project
23 - Navbar Project Introduction
24 - Navbar Project Walkthrough
25 - Grid
26 - Grid Home Page Project
27 - Image Gallery Project Introduction
28 - Image Grid Project Walkthrough
29 - Subgrid
30 - Multi-Value Display
Preview
31 - Position
32 - z-index
Preview
33 - Logical Properties
Preview
34 - Multi-Column Layout
35 - Overflow
36 - Text Wrapping
37 - Advanced Margins

Responsive Design

38 - Viewport Meta Tag
39 - Media Query
40 - Container Query
41 - Responsive House Project Introduction
42 - Responsive House Project Walkthrough
43 - Media Queries For Accessibility
44 - Responsive Design Without Media Queries

Advanced Features

45 - Custom Properties
46 - @property
47 - Custom Media Queries
48 - Calc
49 - Nesting
50 - Layers
Preview
51 - Input Component Library Updates Introduction
52 - Input Component Library Updates Walkthrough
53 - Button Component Library Updates Introduction
54 - Button Component Library Updates Walkthrough
55 - @scope
56 - calc-size
57 - Custom Fonts

Advanced Colors

58 - Gradients
59 - Color Spaces
60 - Advanced Color Functions
61 - Relative Colors
Preview
62 - Built In Color Properties
63 - Button Component Library Colors Introduction
64 - Button Component Library Colors Walkthrough

Advanced Selectors

65 - Relationship Selectors
66 - Attribute Selectors
67 - Pseudo Elements
68 - Custom Checkbox Project
69 - Parent Selector
70 - where vs is
71 - Child Selectors
72 - Focus Selectors
73 - Additional Pseudo Classes
74 - Input Component Library Validation Introduction
75 - Input Component Library Validation Walkthrough

Animation

76 - Transition Property
77 - Button Transition Project Introduction
78 - Button Transition Project Walkthrough
79 - Animation Property
80 - Transform
81 - Button Animation Project
82 - Loading Text Project Introduction
83 - Loading Text Project Walkthrough
84 - Animating Custom Properties
85 - @starting-style & transition-behavior
86 - interpolate-size
87 - Modal Animation Introduction
88 - Modal Animation Walkthrough
89 - Perspective Property
90 - 3D Cube Project

Conclusion

91 - Next Steps

BONUS: How To Use CSS In Real Projects

01 - CSS Reset
02 - Browser Support
03 - Feature Query
04 - @import
05 - Vendor Prefixes
06 - CSS Frameworks

BONUS: Build Real World Projects

01 - MNTN Landing Page Introduction
02 - MNTN Landing Page Walkthrough
03 - Discord Clone Introduction
04 - Discord Clone Walkthrough

Download Videos

Fundamentals.zip
Layout and Positioning.zip
Responsive Design.zip
Advanced Features.zip
Advanced Colors.zip
Advanced Selectors.zip
Animation.zip
Conclusion.zip
BONUS: How To Use CSS In Real Projects.zip
BONUS: Build Real World Projects.zip

Start mastering CSS now

What are you waiting for

$95

CSS Simplified

Features

  • 101 step by step video lessons

  • Exclusive access to private Discord community

  • Real world projects/exercises

  • Professional assistance

  • Before and after source code for all projects

  • Download all videos for offline access

  • Lifetime access

  • All future updates

  • BONUS: 6 videos on how to use CSS in real world projects

  • BONUS: 2 massive bonus real world projects that make your portfolio pop

EVEN MORE TESTIMONIALS

Thousands of developers have used CSS Simplified to land their dream job

”I bought Kyle's course, and it is one of the best courses I have ever taken! I used the skills learned from Kyle's courses to create my very own CSS preprocessor.”

🌟🌟🌟🌟🌟

Alex Sorkin

”This is the best CSS course I have ever taken. It focuses on the main points of CSS and teaches really important things that aren't covered in other courses I have taken.”

🌟🌟🌟🌟🌟

Joscecho

”I spent one year doing interviews and getting rejected. I decided I had to get better at programming to pass my interviews, so instead of randomly jumping between YouTube videos and Udemy courses I got all of Kyle's courses.

I took Kyle's courses and for the first time I felt I understood what I was doing. Kyle's courses were my daily training for a few months, before I started applying again.

I quickly landed 2 technical interviews with BMW. I used Kyle's courses again as a refresher before my interviews and aced the interviews!

I just received my offer to work as a junior front end developer at BMW! Although there was a lot of effort from me, Kyle's courses were definitely a turning point. It was his way of putting things together that made me really understand JavaScript and be very comfortable with the language. Also, my CSS and React skills gained another level of knowledge from his courses.”

🌟🌟🌟🌟🌟

Miguel Nogueira

”This is the 3rd course I have taken from Kyle. Before this course, my CSS was messy and largely unorganized which created cascading problems rather than cascading styles. I was using a combination of my own styles with repetitive, ultimately hindering bootstrap classes that got in the way more than they helped. I was forcing myself to use bootstrap rather than learning CSS properties for myself. I realized that this had to change if I wanted to clean up my CSS.

Some of the questions I had going into this course were ones like:
 - What are the ::before / ::after elements and why would anyone ever use these (they confused me)?
- Why do boxes I make not respect z-Indexes I have assigned?
- When should I use Grid vs Flexbox?

All these questions were covered to my satisfaction in this course. Basically, everything you need to know about CSS is included with this course. Couldn’t be happier with this purchase.”

🌟🌟🌟🌟🌟

Kevin Baxter

”This is one of the best CSS courses I have seen! It starts off very introductory but ramps up quickly covering fun topics like CSS Grid, Flexbox, etc., so it’s great for people of all levels. I’ve been writing CSS professionally for almost 4 years and still took plenty of notes!”

🌟🌟🌟🌟🌟

James Q Quick

”Kyle's content goes beyond the average in both quality and depth. With his dedication to excellence, there's no better option when it comes to learning web development.”

🌟🌟🌟🌟🌟

Caleb Curry

”I have 24 years of experience developing all kinds of applications with all kinds of technologies yet I was always intimidated by CSS until I found Kyle's CSS course. Kyle has made learning CSS delightful.

I actually bought Kyle's React course first but before I could finish it I came across his CSS course and spent most of Christmas and New Years vacation watching Kyle's CSS course. It has been a great joy learning CSS from Kyle. It's rare that a good developer also happens to be a great teacher. Kyle is one of those rare developers.”

🌟🌟🌟🌟🌟

Eknath Kadam

”I bought Kyle's CSS course because I’m now in charge of the website for an art group that I exhibit with and I wanted to create something that looked professional. With the help of this course and lots practice, I have achieved a lovely website that I am proud of.

Kyle's explanations of everything are so clear with perfect examples to follow - Kyle's knowledge and expertise definitely shine through. His section on flex-basis is second to none.  I never understood it before this course.

Kyle's course content certainly gives more than enough to get someone up and running with a website. I would highly recommend this to anyone whether starting from scratch or a bit more experienced. It’s certainly good value for the money.”

🌟🌟🌟🌟🌟

Sue Cotton

”I was fortunate enough to have beta access to this CSS course, and everyone (even experienced web devs) should be excited about this one! I have over 20 years of web development experience, and I learned new things and was reminded of things I had forgotten.
Teacher: πŸ’―, Content: πŸ’―β€

🌟🌟🌟🌟🌟

Jesse Hall (codeSTACKr)

”I was a new learner with zero knowledge of coding and have spent quite a lot of time searching for courses from different sources. Kyle's CSS course is the easiest and most complete course that I have found so far. His course goes step by step and I can understand every single line of code in detail.”

🌟🌟🌟🌟🌟

Alcolas

”I really enjoyed this course. I understood some of the concepts before taking the course, but the way Kyle organizes the topics really makes it clear and logical. I really see the superior value of a structured course compared to finding things on your own from YouTube searches. This course was so good I also got Kyle's JavaScript course and cannot wait to start it.”

🌟🌟🌟🌟🌟

M. Dache

”I started off with the Odin Project, which I consider to be a great free course, but spending the money on buying this course was definitely a great decision and money I consider well spent. I know way more about CSS than when I did after completing the Odin Project CSS section and feel way more comfortable with using CSS. Kyle is a great teacher!”

🌟🌟🌟🌟🌟

Marcus Alberts

”I took a bootcamp before jumping into Kyle's courses, and Kyle's way of explaining is just better, clearly super pedagogic. I can't emphasize enough how good and clear his courses are.”

🌟🌟🌟🌟🌟

Hector Riveros

”Kyle's way of teaching is by far the best I have come across. The way he teaches also works great as a reference later on since it is easy to go back if needed and pick up the fine details on how things work.”

🌟🌟🌟🌟🌟

Robert Kviberg

”Kyle's CSS course is awesome, as were all his other courses. I really appreciate all the time and effort he puts in. Dollar-for-dollar, Kyle's courses have been one of the best educational investments I have ever made.

I have several years' experience with backend software development, but recently needed to learn frontend skills for my new company β€” HTML, CSS, JavaScript and some React. I feared the time sink and learning curve involved, given my previous unsuccessful attempts to master any of this. I found myself stuck in tutorial hell on YouTube, or signing up for big-name digital learning platforms with expensive monthly recurring fees but fairly flimsy "interactive" course styles that didn't work for me. I was particularly apprehensive about CSS, as it seemed fiddly, opaque and brittle. Enter Web Dev Simplified! I signed up for all of Kyle's courses: First JavaScript, then React, then HTML/CSS. In about three months I had completed all of these, and felt like I was standing on solid ground. I now comfortably use these skills every day, professionally, to develop prototype UIs. Kyle's courses are clear, concise, comprehensive, no-nonsense and structured around realistic but achievable mini projects. Kyle is a boss explainer, and makes absorbing the details a pleasure. It's an awesome way to learn, and I wholeheartedly recommend his courses to anyone.”

🌟🌟🌟🌟🌟

Stephen Enright-Ward

Start mastering CSS now

What are you waiting for

$95

CSS Simplified

Features

  • 101 step by step video lessons

  • Exclusive access to private Discord community

  • Real world projects/exercises

  • Professional assistance

  • Before and after source code for all projects

  • Download all videos for offline access

  • Lifetime access

  • All future updates

  • BONUS: 6 videos on how to use CSS in real world projects

  • BONUS: 2 massive bonus real world projects that make your portfolio pop