Tailwind CSS Full Course for Beginners | Complete All-in-One Tutorial | 3 Hours 

A 45 second intro followed by 3 hours of code and instruction for Tailwind CSS. I bookmarked all 5 chapters in the description. If you complete one lesson per day, you'll complete the full course in just 1 week. Join my Discord server for discussion and to ask questions: discord.gg/neKghyefqh

I have been watching already for 20 minutes and definitely I am in love with your video. Your videos about HTML, CSS and other videos are the best I have ever seen. You deserve to have a lot of subs and I think everyone who wants to start programming should learn from you. I will recommend everyone about your awesome tutorials. I have no words to describe more here. It's just awesome, amazing, and dope. Thank you so much. Greeting from Poland. I am on my way to becoming a frontend. :)

This tutorial is the ultimate is re-learning a skillset I had a hard time rekindling for years.

This is by far the best framework to write CSS, omg it is so simple and easy and makes your websites look unique however you want to style it, and the mobile responsiveness is effortless!

The amount of DETAIL that you put into your explanations is what is missing from any other video I have ever watched. Every curiosity that I had whilst looking at what you did has been answered. Thank you so much.

Your tutorials are coming out just in time when I need them :) Whats great is how I can listen at 1.5x speed and your speech is crystal clear. In fact, its got a nice rhythm, I could keep on going. 🚀🚀

Was already giving up on my web development journey and I stumbled upon your tutorials thanks man really helped alot

You're the man, Dave! I'm already using Tailwind, but I'm gonna let this play in the background to help your metrics and see if you have any little tips for me. I'm at the point where I'm chanting along with you "much like the chapters of a book".

Thank you so much Dave. Such a great tutorial! Basics to customizing themes. I was looking for it. Thanks, Dave. Your tutorial helps a lot.

Thank you so much Dave. You are a great instructor who adds a real value with every video. I like how verbose you are sometimes so you present the materials crystal clear for users specially beginners like me. Keep up the good work and best of luck

i admit that i like your teaching style dave you made my life easier in learning this kind of thing i share my experience about watching your closure tutorial in javascript, we all know that closure is somthing that its hard to learn but because of dave i finally understand how it works thank you dave!!!

I love your tutorial, this is amazing. You not only explain very clearly about what you are doing also you show how a real life developer would set up the project. Thanks for your amazing work.

One of the best tailwind tutorials out there on the internet. Thank you very much.

Thank you Dave for the great work. This is the best tutorial I found in learning Tailwindcss.

When you see its Dave.. You gonna know the best of tailwindcss video is coming to you. Thank you again Dave 👌👌 Can we request a typescript video next. You doing great job helping self-taught programming learners. All Blessings to you and family 🙏

The one of the best person ever in the whole world to teach Web development for free. Appreciate your efforts. Really you are helping thousands of people.

Thanks Dave , amazing course , so much in-depth and the way you explained the config file , input css file and use of extends , layers and custom css is just amazing

Good day, Dave! I appreciate the way you teach us various aspects of web dev and all of your tutorials seem pretty much straight forward and concise. Getting to the point, I've seen a lot of projects made by using three.js and they seem breathtaking; so are there any chances we gonna have some three.js tutorials here? Thanks a lot for your videos Dave! Have a nice day!

there few persons I admire them for one their abilities and you are one of them, for vibe and anything

i must say that this course is very helpful and should be promoted by RU-vid algorithms since it it well informative and beginner friendly. Good deed worth reward

Really great video tutorial. Thank you Dave. After two days working through your tutorial I now have a great base to build upon and familiarity with using Tailwind. I had no previous experience with Tailwindcss, just vanilla CSS without frameworks.

Great! I had been hesitant to use Tailwind for some time, but your video has sparked my enthusiasm for it.

As a beginner, I would like to see the class being applied to a element one-by-one to see its effect instead of typing 10+ styles as once then the job is done and continue to the next element. Yes, I can always test the style myself or check them in website... but what is the point of it? Typing all as once isn't much faster. Tailwind intelliSense can't help and cause a lot of typing mistakes.

Greetings from Egypt I understood every word, it's like you was speaking in Arabic 😅 I just meant that you really good to clearify everything Thank you Mr.Dave

Hi Dave , A correction for a class name @ 1:52:45 - The class name should be justify-center NOT justify-content-center. I have issued a PR on github to correct it. Thanks once again for this excellent course.

The king just dropped this🤌🏿🔥

Such a great tutorial! Basics to customizing themes. I was looking for it. Thanks, Dave. Your tutorial helps a lot.

You make the world a better place. Thanks again!

Dave Gray - My best teacher for web development

i am a begginer never thought coding will drain you this much i have learnt only css html and tailwind so far

2:10:54 you deserve a 10% of my first salaray i learned alot from you

Great series. Helped me ramp up on Tailwind fast. Thank you for creating this.

thank u ever so much bro I've done it and I try to complete ur typescript video as well so thank u and hope u have a great life

If come across a course,that comes from Dave Gray i know that course is perfect 🎉🎉🎉🎉 ❤❤❤

thanks for having me on your amazing content

Sir, your videos are awesome! Thank you for sharing all this high quality knowledge with us!

Thank you very much for the tutorial. Very useful and the perfect intro to Tailwindcss. I like very much the way you teach.

thanks you dave for this tutorial,I love it so much

The best tutorial on the internet

At 9:25, you don't need to deactivate that, just into your user/settings.json add "files.associations": { ... // other file associations "*.css": "tailwindcss" } note: I think you'll need tailwindcss extension shown in 15:24

Your tutorials are simply the best...

You are the first Dave it's now that I find there I can learn tailwind cs 🎉

You are a wonderful teacher teaching us a great Taindwicss tutorial!!

Another note. If you're on mac and press control + command + space then you can get emojis that way as well.

Thank you so much for giving me the opportunity to deploy my first website. I really love your video

Thank you so much Dave, you’ve really been helpful in my journey.

Dave is just built different actually has infinite knowledge on everything

Dave, it should be illegal to be a god explaining things like you do hahaha Great video like always!

This is a great tutorial, thanks a lot Dave

Wow, cool! How does this work without npm i tailwindcss?

I had to come here to rewatch this video. Am getting to see its immense usefulness

Hello Dave, I always love your teaching, you made me understand javascript, css, html, hoping one day I hope to buy you coffee, but when I get to react I tried to style my component but not applying to it, I left react yesterday, to start with tailwind css I have almost installed everything I should add css to the build file I have been running into error, and I followed every steps

very good tutorial (bookmark: 1:05:00)

very good tutorial, i had clealy know how to use tailwind thanks for great tutorial, hopefully you can have another more deep tutorial for us,

Thank you, Dave, your tutorials are excellent!

Hey Dave, have you tried Styled components? For me, Styled components change web development completely but not all developers seem to have noticed that. See, we will not just have the power of Javascript to style (using JS syntax), but we can map every UI element to a component (just like what happens with Flutter)... so, if everything is a component, then it is easy to find, update, reuse, pack as a library and..... if everything is a component, then everything can be tested. While taking this 'component-first' approach, it feels to me that we are no longer creating 'documents' with web technology, but actual system UI modules, e.g: a button with an 'isTextBold' property can hide/abstract all CSS into the component itself, we don't have to worry about style while reusing that same component. Another thing is: With a set of battle-tested UI components, we will be 'assembling' screens in a LEGO-like approach, which can be incredibly productive. Please, let me know what you think, I'm intending to use Styled components for everything

Always teaches us best practices ..Thanks a lot sir! 🥰

Finally got it! Thank you ❤❤

I expected you would have focused on just Tailwind css topic and haven't made a practical tutorial. At least you could have informed us in the title about that!

This is a great video on Tailwindcss. I would love to see a video on Sass or any css pre-processor done by you because your explanation is just too simple that a five year old can understand

great tutorial, thanks dave !

Thank you soo much Dave I have completed this in one day!🤗

Great tutorial. But I think you should go from plain HTML with tags and texts first, then apply tailwind classes. It's easier to see the changes in every class you add to an HTML element. How can a beginner code a page without visual things by adding tailwind classes blindly?

This is so lovely and explanatory. ❤❤

Thank you for your video, by the way, I really like the colors you chose.

Oo you have a tailwind! Amazing

Absolutely Fantastic!

I can't thank you enough. Thanks for this great course.

Made it to the 50min mark and realized that tailwindcss is not for me. So overwhelming with all the classes. I like writing CSS

This tutorials is wonderful Thank you so much

Dave I got stuck at the 11th minute when styles were applied to the body element. It did not reflect when I launched live server. Watched the video over and over again, deleted the files, started all over but no luck. I set background-color and some other properties and they reflected but the ones involving dimensions failed. I started trying different values but was getting some successes and failures. I went to documentation eventually - and found out beyond 12, increments are in multiples of 4. I was initially using h-54, w-54 just like css that I knew - It was a lot of stress. Now I can go back and continue. Thanks!

This video is a life saver. Thank you so much

Great tutorial, I strongly recommend it ! Thanks for this great course.

Ok. if you already an expert in css then this course is for you or else don't waste time, first learn the basics of css and dive into this tutorial. Thanks

Thanks (Great as a quick refresher course!)

Thank you Dave. You are awesomeness.

Thank you for this great course!

great tutorial thank you!

Pretly Good

1:43:00 May I ask why you create widescreen and tallsceeen while all screens are actually 3/2 or 1/2 aspect ratio, why you don’t just directly put section-min-height class?

Excellent! TY!!!

Thanks a lot! Great and handy job!

I don’t know if you ever answer this but the toggle button here doesn’t work after deploying with render

You are very helpful,,, Thank you very much

really nice course man🔥🔥

Never realized that hamburger icon is bagua trigram of heaven... gonna be calling it that from now XD

I started the video ! If i will be able to make a website with tailwind i will pay you for helping me

Thank you this was great!

Hello Mr. Gray. I'm from Iran. First of all, thank you for your perfect channel. Your job is wonderful. But I have a question. Do we need to install the tailwind for every single project?

Thank you so much for this awesome tutorial.

Thanks for the tutorial. Is this tutorial using the new Tailwind 3 ?

A😊 treasure tutorial thanks ❤

My vs code not making another file in build folder by giving npx command

Great job 🎉 👏

I ran the auto compile command but it's not auto compiling. How can I fix it?

I love you man. Thanks so much

Thanks for the video. For me tailwind is amazing.

Great teacher

Thank you very much man!

Thank you very much