Tailwind CSS Tutorial for Beginners (2024) - What YOU need to know

[@lukas.webdev]

Like this comment if you want to see a whole video about Responsive Design with Tailwind CSS or more videos about Tailwind in general … 👍 
If you have another topic that you want me to cover, leave me a comment. 😉⬇

[@lukas.webdev]

The next video about Tailwind CSS is already in the making and I will probably drop it this weekend - so don't forget to subscribe to get notified when I post the video. 😉

[@ngonidzashesendama2471]

@@lukas.webdev Already subscribed! 🙂😊 I would be delighted if we could collaborate on a live stream, working on Tailwind CSS projects for web and mobile applications (react native and tailwind css) .

[@lukas.webdev]

​@@ngonidzashesendama2471 Welcome! This really means a lot to me. 🤩 Thanks for this great idea, I’ll think about it ... 😉

[@Jjextreme4411]

excellent Lukas,, looking forward to more!

[@mr.fanstastic9010]

what do you mean by navigating to a folder?

[@salijoghli]

0:48 my man stared into my soul. couldnt't do anything but to like the video

[@lukas.webdev]

Awesome, I'm happy to hear that my plan worked!! 😄💪 Thanks a lot buddy, I really appreciate it. 😉

[@edgargill7828]

you weak. wont make the food chain.

[@mahdishirazi5785]

i didn't like the video when you were waiting, i said he must earn it not demand it. congratulations, you earned it. this video deserves a handful of likes

[@ritamkayal1153]

Trust me if you make in depth tutorial about web development your channel will take off like a rocket. Your teaching style is really amazing. Keep the good work doing. Thanks for making such videos

[@codeakmnru]

This is the best Tailwind CSS video on KZbin! It's clear, concise, and engaging. Most KZbin mentors don't have this teaching skill. Thank you so much for sharing your knowledge!

[@lukas.webdev]

My pleasure! Thank you very much, this really means a lot to me!! 🤩 I'm glad you like it and I really appreciate your feedback!

[@atetraxx]

It's the buzzing audio and reverb for me

[@binukbe4401]

The best Tailwind CSS tutorial I have found so far. very informative. This channel needs to grow!🙌

[@lukas.webdev]

Thank you, this really means a lot to me! 😉 I'm happy to hear that and I really appreciate your feedback! ... and you're right, this channel needs to grow! 😄💪

[@mladenkaorlic]

@@lukas.webdevi smashed the like button, i hate three hour tutorials!

[@lukas.webdev]

@@mladenkaorlic Thanks, I really appreciate it! 😉

[@irismaxj]

14:33 the entire customization section is super helpful! Thank you so much Lukas!

[@ashwiniguli2070]

7:20 for plugins related to Tailwind. Btw excellent content and teaching style..Thank you for making it. Please make more videos!

[@lukas.webdev]

Thank you so much for your feedback, I'm really glad to hear that! After taking a break of over a year, I just started creating videos again. The last two I posted are all about Tailwind CSS, so they might be interesting to you as well... 😉

[@yuriyzadorozhnyi3849]

Дякую Вам за потрібну мені інформацію ! Thank you so much! Lots of love from Ukraine !

[@lukas.webdev]

Будь ласка 😉

[@carlosm.1233]

Thank you for the great tutorial. It was short, concise and simple to follow. Please release a series where you show us how to build different UI components and more importantly how to customize them. That would be great. You gained a Subscriber here! Keep up the good work my man.

[@AvaneeshKumarSingh]

Release a full series on tailwind. Not by building a clone of any popular site, rather showing us how to create and use numerous UI elements in multiple projects.

[@lukas.webdev]

Sounds like an interesting idea to me! Thanks, I’ll think about it. 😉

[@AlbertoRodriguezIII]

@@lukas.webdev This would be great!

[@leethai98]

Hey Lukas, I wanted to thanks to you for this video. It's clean, smooth and very useful. I really appreciate it !!!

[@lukas.webdev]

Thank you, this really means a lot to me! I'm happy to hear that and I really appreciate your feedback! 😉

[@kingsbeetv7437]

This tutorial is the best tailwind tutorial I have been looking for, Thanks for sharing

[@20C016DanielInigoMCSE]

nice one waiting for the full vdo on responsive design

[@lukas.webdev]

Thanks for your feedback. I'm on it 😉 Don't forget to subscribe, to get notified when I drop the video...

[@lukas.webdev]

BTW: The new video is already online... 😉

[@PurnachandraBandaru-e4c]

Very good video. Short but, comprehensive. 🔥🔥🔥 Keep them coming

[@MG-wx8yx]

I've been skipping this video for so long, now that I've watched it I feel stupid for not watching it sooner. I'm glad I did, although a bit late. Thanks Lukas for your clear explanation.

[@MazharAli-uq3sx]

Awesome dear Soo gald to see your video

[@lukas.webdev]

Thank you! I'm glad you like it and I really appreciate your feedback! 😉

[@tioluwani6928]

Great One! Thank you.

[@lukas.webdev]

You're welcome! Thanks for the feedback, I really appreciate it! 😉

[@Romulan1993]

Excellent channel. No idea how you don't have more subscribers.

[@lukas.webdev]

Thanks, this really means a lot to me! I really appreciate your feedback. 😉

[@EvanceSaidi-uy5ol]

like magic. He said i will wait . i liked the video and then he thank me wow🙂

[@chicagorealtynow]

Thank you for making this so easy :)

[@lukas.webdev]

My pleasure! I’m glad you like it and I appreciate your feedback! :)

[@andresobon8714]

Best intro to tailwind I've come across so far

[@ainaoluwapelumi4935]

i will love to see more videos on tailwind

[@lukas.webdev]

The last two videos I that I just posted are all about Tailwind CSS. 😉 Thanks for your feedback.

[@TheNewWebDeveloper]

Thanks Lukas! I was confused why it wasn't working. Watching your video helped me realize that I was doing the installation of Tailwind CLI when I needed to be doing Tailwind CSS with Vite.

[@shreeramk]

Awesomw explanation about tailwind css....

[@lukas.webdev]

I'm glad you like it, thanks for your feedback! 😉

[@camilaalbuquerque1371]

much more helpful than many long articles or tutorials! thanks a lot for this video :D

[@yangnina3465]

Amazing vedio. Saved me for three hours.😄

[@lukas.webdev]

Awesome! I'm happy to hear that and I appreciate your feedback! 😉

[@Jaxonoopiii]

Amazing way of teaching 🎉🎉

[@lukas.webdev]

Thank you very much, I really appreciate it! 😉

[@tafm3446]

I destroyed the like button but it respawned when I refreshed. Damn those devtools

[@glenfordholder6441]

Glad i found this teacher will like to see more tailwind and react lessons.

[@girishanker3796]

Gold content 💜

[@lukas.webdev]

Thanks, I'm glad you it! 😉

[@guptodhan6695]

I'm from bangladesh,,,,,,you are really genius......

[@lukas.webdev]

Thank you very much, I really appreciate it! 🤩

[@wadejohnson4542]

Well done. Yes, please include more on mobile-first design with Tailwind. As well as creating custom classes.

[@lukas.webdev]

Thank you for your feedback. I really appreciate it! 😉 The video about Responsive Design with Tailwind CSS is already in the making and I will probably drop it this weekend - subscribe to get notified when I post the video 🤙

[@lukas.webdev]

BTW: The new video is already online... 😉

[@wadejohnson4542]

@@lukas.webdev I'm on it! Thank you so much for sharing your knowledge and helping others.

[@lukas.webdev]

@@wadejohnson4542 My pleasure! 😉

[@afsarzan]

Thank you for sharing , Lukas.

[@lukas.webdev]

My pleasure! I’m glad you like it and I appreciate your feedback. 😉

[@vikumvirajmanchanayaka3163]

straight to the point, best explanation🙌

[@lukas.webdev]

Thank you very much, I really appreciate it! 🤩

[@lindawang3008]

Very clear and concise! Learned a lot in less than half hour! Thank you very much for taking effort to make the tutorial!

[@lukas.webdev]

You're welcome, Linda! Thanks for the feedback, I'm glad it was helpful to you! 😉

[@xungka]

Thank you. Amazing video, you're make my day Lukas. You have 1 subcriber more here, keep going bro!!!

[@lukas.webdev]

My pleasure, buddy! Thank you for your feedback and for the sub, this really means a lot to me. 🤩

[@sulaga7992]

short and to the point. thank you

[@nishagera9195]

Thanks

[@lukas.webdev]

My pleasure! 😉

[@bernardsamapoh3619]

Your teaching skills are awesome.

[@StephenKarsch]

Nice one. I've been struggling on and off with tailwind for a little bit, mostly the customization of components, but your explanation was very clear and concise and got me up and running quickly. Thank you!

[@robertejiogu1981]

a responsive design on tailwind css will be very much appreciated

[@alperakinci]

Very clear explanation! Thanks a lot!

[@antoanMetodiev]

bro, you are amazing !!

[@K_Andreas]

oh yes, I love tailwind because it is processed quickly by the browser. You can also assign classes for everything. I find that useful. But I'm still at the very beginning. I didn't even know that you can define your own classes (customize tailwind) . Now, of course, I want to learn more about it. So, as for me, I'm up for more interesting lessons for us folks all over the internet. 🤔💬💡😀👍🤗 👏📝

[@lukas.webdev]

Thanks for your feedback! Yes, Tailwind is awesome and I would love to create another video about it ... I'll see what I can do 😉

[@darlinmanuelcasadoperez1092]

great video pal!

[@gbkEmilgbk]

thanx for good introduction to tailwind

[@lukas.webdev]

My pleasure! I’m glad you like it and I appreciate your feedback! 😉

[@Hamza-Pro-Dev]

Polite, To the Point , Awesome Guide ! You Helped me bro !

[@navinkumarsahu1159]

Awesome video 😊 ❤️ from India

[@lukas.webdev]

You're welcome! Thanks for your feedback, I really appreciate it. 😉

[@elliot_ch]

Very useful video 🎉

[@lukas.webdev]

Thanks, I really appreciate it! 😉

[@muhammadjonnazarov146]

Very useful tutorial content, special thanks for your tutorials. Very simple and clear in teaching. Keep going

[@aberefejiro]

Immediately subscribed

[@lukas.webdev]

Thank you very much, this really means a lot to me! 🤩

[@rheavictor7]

Very good tutorial, straight to the point, thanks!

[@lukas.webdev]

My pleasure! I’m glad you like it, thanks for your feedback. 😉

[@joeyx4056]

Very concise and easy to follow

[@srizonsansar]

Really a nice video, well explained, Tailwind CSS clear at one shot. I hope you will add more videos soon on other topics too.

[@Sem-Dev1]

Great video! Keep up the good work!

[@SimonFabcic]

I liked. But at the end, when I saw, that is worthed to like 😉 Nice work, Lukas...

[@georgiosmylonas3892]

I had to clear the cache of vite: `rm -rf node_modules/.vite` otherwise it wasn't working for some rason. Great tutorial!

[@fernando19801980]

Awesome video. Congratulations! I want to know about the "in-production" build (with optimizations) and how apply obfuscation. Thanks!

[@lukas.webdev]

Thanks Fernando! I'm glad you like it and I really appreciate your feedback. 😉 Also, thanks for the input - maybe I'll do a separate video about it.

[@berakitesfu7008]

Great stuff buddy, keep the good work.

[@webdrakib]

Please make more videos using tailwind css . I don't wanna use bootstrap any more. Thank you it was a great experience 😊 ❤

[@lukas.webdev]

Thank you so much for your feedback, I'm happy to hear that! I already have: Next video will be online 1 hour ... 😉

[@ansh_mittal]

You are my newest favourite mentor ❤❤ great knowledge, you clear my all doubt.

[@lukas.webdev]

Thank you! This really means a lot to me. 🤩 I'm glad I could help and I really appreciate your feedback!

[@amruthamohan1471]

​@@lukas.webdev😊

[@Pareshbpatel]

A nice beginners tutorial on TailwindCSS. Thanks. {2024-05-16} - Subscribed!

[@oussamamassoudi7209]

amazing beginner friendly work

[@AvaneeshKumarSingh]

Just subscribed. Keep up the good work 💐

[@lukas.webdev]

Will do! Thank you very much, this really means a lot to me! 🤩

[@Ownagin]

Great video mate, straight to the point, useful information 👐

[@hellboy6167]

Please do more videos on Tailwind

[@lukas.webdev]

Thanks for your feedback, I'm happy that you like it! The next video about Tailwind CSS is already in the making and I will probably already drop it this weekend - subscribe to get notified when I post the video. 😉

[@lukas.webdev]

BTW: The new video is already online... 😉

[@thinkerhuh]

THANK YOU SIR, you saved my life!

[@danniellamaedviceda7325]

thank you Sir!

[@lukas.webdev]

You're welcome! 😉

[@shubhamthaker9380]

amazing content how do i get the pointer like you ????? that beeping pointer

[@ROVAKAN]

Non boring , initial push giving tutorial . Thats my taste , sub++

[@MrDinakdakan]

You hair looks good, thanks for the tut

[@lukas.webdev]

Finally someone realizes that... 😄 My pleasure, thanks for your feedback! 😉

[@philc787]

Good video well done

[@DCWang-dk2gn]

It's GOOD for me.Thanks.

[@LucíaAranda-k7i]

This is the best video about tailwind, quick, says important stuff, it works for any framework you are working with, thank you! :)

[@luiseliasrodriguez4327]

Awesome lecture, super concise and clear, and yes you should keep doin React videos. Thanks.

[@benjminrichie]

Amazing

[@yashbansod1722]

Nice video ❤❤

[@lukas.webdev]

I'm glad you like it and I really appreciate your feedback! 😉 Many more to come - make sure to subscribe so you don't miss out... ✌

[@andrew_mandrichuk]

Thanks so MUCH love the video! dont stop and please dont quit youtube you will have a bright future!!!

[@aamirmir9080]

nice

[@lukas.webdev]

Thanks, I'm happy to hear that! 😉

[@CMoDZ3D]

Nvm the tutorial. I was blown away with the like button rgb when you mentioned it

[@hhossen1983]

Please make full tutorial about tailwind css❤️

[@nishantraj7805]

good explanation

[@sachinthaprasad1388]

This is awesome content bro you saved many hours. So thank you very much!! I became one of your subscriber 🙌

[@lukas.webdev]

My pleasure, buddy! Thank you so much for your feedback and for the sub, it means the world to me!! 🤩

[@gangwang9641]

thank u video, u provide a the best helpful tutorial.tailwind.css responsive design is very cool

[@shabab3103]

Superb man❤

[@lukas.webdev]

Thanks buddy, this really means a lot to me! 🤩

[@freddyapaka6688]

another video with more details on responsive design well be very much helpful

[@zuzukouzina-original]

Thnx for this clear video, it really help me started with tailwind css. I come from Bulma css, which is good too, but not so flexible as tailwind.

[@Doc_Jaz]

perfect 👍🏻

[@lukas.webdev]

I'm glad you like it, thanks for your feedback! 😉

[@dinesh.p8642]

Dhanyavaad ji.

[@alexlivadaru286]

Thank you! Very useful tutorial!

[@markantony9260]

Thank you. I really appreciate the content. Very concise, yet detailed for starters. 😁

[@wolfie8748]

Super helpful

[@ranjanadissanayaka5390]

Thanks for this video

[@mokho3027]

ABSOLUTELY LOVED THIS TUTORIAL. you wanted to destroy the like button. i also destroyed the follow and notification button as well.

[@iriam7380]

Hi Lukas, thanks for the master class. It's been amazing ! I was wondering If you could share the extension or app that you use to make your browser responsive. Thanks !!!

[@feggy585]

What JavaScript extension generates that right angle between curly brackets?

[@lukas.webdev]

It used to be an extension but now it's just a native functionality of the vs code editor ... 😉 Just add "editor.bracketPairColorization.enabled": true, "editor.guides.bracketPairs": "active" to your settings.json file to enable it or go to your VS Code Settings, search for "Bracket Pairs" and activate it.

[@gabrielchima6916]

I need responsive device in tailwind, Good lecture

[@lukas.webdev]

Thanks for your feedback, I'm happy to hear that! I've also posted a video about how to create responsive Design with Tailwind CSS ... 😉

[@Tjommel]

Awesome video. thank you!

[@Niko_Dola]

Thank you!