The Most Detailed CSS Full Course on YouTube! CSS Tutorial for Beginners + Notes + Summary Cards #1

Welcome to the Ultimate CSS Full Course - It’s designed for complete beginners with no coding experience, and by the end, you'll be able to write CSS at a professional level.

The course is by far the most comprehensive and high-quality course you’ll find online, and goes well beyond the standard tutorials you’ll see elsewhere on YouTube.

CSS Full Course - Part 1:

Course Introduction
0:00:00 Course Introduction

Topic 1 - Introduction to CSS
0:02:52 Introduction to CSS
0:17:37 Including CSS

Topic 2 - CSS Text
0:32:05 Text Styling
0:57:49 Text Spacing
1:16:39 Text Size
1:30:04 Font
1:46:15 Color
2:10:58 Style Guide

Topic 3 - CSS Selectors
2:16:42 The Type Selector
2:21:20 The Cascade
2:27:32 Grouping Selectors
2:35:05 Class & ID Selectors
2:55:24 Pseudo-classes
3:14:18 Combinator Selectors
3:24:32 Specificity
3:35:06 CSS Inheritance
4:02:13 The Universal Selector
4:09:53 Psuedo-elements

Topic 4 - CSS Box Model
4:17:06 CSS Box Model Introduction
4:22:55 Background Color
4:37:56 Width and Height
4:55:42 Padding
5:13:22 Border
5:31:10 Border Radius
5:41:04 Box Sizing
5:55:51 Margin
6:18:41 Display
6:42:39 CSS Reset
6:58:06 Main Container
7:09:43 Maximum Width
7:30:10 Minimum Width
7:41:09 Maximum & Minimum Height

Topic 5 - CSS Units
7:56:47 Absolute & Relative Units
8:03:06 Percentages
8:26:07 rems & ems
8:52:03 vw & vh

Topic 6 - CSS Functions
9:02:15 CSS Variables
9:20:35 CSS Calculations

Topic 7 - Flexbox
9:31:15 Introduction to Flexbox
9:50:22 Normal Flow vs. Flexbox
10:05:41 Justify Content
10:36:09 Align Items
11:05:21 Gap
11:15:09 Nested Flexbox

CSS Full Course - Part 2 (Coming Soon!):

Topic 7 - Flexbox
- Centering with Flexbox
- Flex Children
- Wrap

Topic 8: CSS Grid
- Introduction to Grid
- Grid Columns and Rows
- Grid Gap
- Grid Cell Alignment
- Grid Container Alignment
- Grid Items

Topic 9: Responsive Design
- Introduction to Media Queries
- Breakpoints
- Media Queries and Pixels

Topic 10: Positioning
- Positioning
- Z-index and Stacking Context
- Transform

Topic 11: Shadows and Transitions
- Shadows
- Transitions

Topic 12: CSS Frameworks
- Introduction to CSS Frameworks
- Bootstrap
- Tailwind

Important links:
🪶Quill completed HTML & CSS: Coming soon

[futurefullstack]

The CSS Course has taken me 12-months to make. Please if you could drop a comment below to show your support - it would mean a lot to me :) Also, don't forget to subscribe - thank you! I'm currently finishing off Part 2, and it will be available early 2025.

[shaziakhalif]

I am now waiting for your JavaScript course so eagerly please don’t make us wait longer

[ADancingFlamingo]

This CSS course is absolutely INCREDIBLE. It’s so clear you spent 12 months perfecting every tiny detail, because everything is laid out in a way that just clicks. You do an amazing job explaining how CSS actually works, from the fundamentals to the advanced layout techniques. The clarity and organization are on another level; there’s no fluff, and every lesson builds perfectly on the last.

I love how you break down tricky topics and give us excellent analogies, and then show us how to apply the information in a way that makes everything clear and understandable. It’s such a well-structured approach—I kept thinking, “Wait, what about—?” and then bam, you’d answer it right in the next segment. You’ve obviously poured your heart into this, and it shows. Thank you for making CSS a whole lot easier to learn (than the other courses I have taken) and fun.. You nailed it!

[christianblamboi]

I wish to also learn JavaScript with you. Your teaching is wonderful

[csebhupendrabachhav]

This is the most detailed CSS course on youtube for real ... we want jquery and javascript videos also

[wordsbysami]

This is the most detailed CSS course on youtube for real .Thank you for this you have have saved me a dime, I cant wait for part 2

[Foxpay]

We are highly engaged and can't wait for the second part 😞.

I appreciate your effort 🤠🤠

[saqibmuhammad]

Your teaching way is different.
this course is very helpful for me and others who will watch the full course with full concentration.❤❤❤

[harrycoutain]

Gave you what you wanted. Good luck on your journey.

[okestan]

my God. i have gone through many css tutorials and to be truly honest, i have not seen any one that is this thorough and detailed. i have waited for weeks for this as i have gone through the first 6 topics. Thanks for this. So much appreciated!!!

[sanjeevchopra]

I have seen some videos, No doubt, the concept clarity is there, eagerly waiting for part2

[brijendrakumargautam]

O teri ki😮 this is very detail and fully and completely css course❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤

[Everything-ohxk]

I've refused to watch any other tutor out there because yours is way better and i dont ever want to jeopardize mh learning curse with subpar tutorials. I've waited so much for this that i kept coming chevk everyweek. I was waiting for it to complete before getting on with it. Thanks alot for this. Now let's go

[_HARRY_]

WAITING FOR PART 2 AND THANKS FOR THIS PART

[samuelakinnuoye]

Thanks very much. just added this to my bucket list for next year.
i really appreciate

[Goosebumps]

Just today morning completed the your html one that's so amazing vedios and searching for css and just you released .wowww that's really a miracle and thanks you.

[ritjiishaku]

This is the best CSS Video i have watched on YouTube. Thank you so much.

[HasanSheikMehedi]

I've been watching your video, and I think that if anyone watches your video, they will definitely be able to learn CSS, no doubt about it.

[Asivakumar-rz]

Your way of teaching is fire bro
Hope we could find more videos from you.

[Ayushcoder]

Yessir the OG course is here time to reach heights again ❤❤