Your First Tailwind Website

[@Mattwoods35]

This show has turned into a before bed routine

[@roflwaffles902]

Australian?

[@sokoyaadedolapo5321]

Same here just like bed time story

[@jahdielcastaneda8728]

Thought i was the only one bro.. nice stuff here❤

[@pTownKyle]

This comment changed life for me. I know it sounds simple but just watching this instead of trying to "code along" or "take good notes" for a change.

[@michaelfulton8972]

Same here except I watch it at 2 am on Sunday when I should be asleep 😭

[@iUmerFarooq]

Today I finished Tailwind CSS and you upload this. We're so lucky. Thank you Brad.

[@ManjunathManja1227]

Thank you, Brad for introducing new content creators to us.

[@neoTriny]

Your talking style is so clear excellent job man !!! Hope to see you regularly

[@techlover1219]

This is my first tutorial regarding talwind..but i can call myself a pro talwind css user right from now and that is great

[@jasononey]

I just wanted to tell you how much I appreciate content creators on KZbin, and the fact you chose to give us this!!!

[@milosh996]

I enabled new video notifications just because of stuff like this, to keep myself updated about latest trends in web development! This Tailwind is just great. It reminds me how we switched from raw SQL to ORMs.

[@cass_666]

Chris does an awesome job at explaining things clearly. While learning from this tutorial, I also learned some shortcuts/tricks I was not aware of in VSCode. You deserve more followers Chris--- fantastic job!

[@temelreis381]

Ok this is spooky.. Tailwind projects are exactly what i needed right now, and bam there is a new video on it from my favorite tech channel!

[@gambomaster]

Nice to see a Tailwind CSS tutorial here. Also its good that videos are coming regularly now at a faster rate than before. Hope Brad also recovers fast. 👍

[@engineerinie]

Nice video. When I first started learning tailwind I was really frustrated but after using it for about 3-4 months I liked it a lot.

[@onlyme112]

Your comment was very helpful to me. Clearly, it takes a while to become proficient with Tailwind.

[@noquarter1983]

This video landed at the perfect time. Just started learning bootstrap and thought about checking out tailwind.

[@anonymousvibe10]

which one would you choose?

[@noquarter1983]

@@anonymousvibe10 Tailwind definitely.

[@brunodoesit]

Dude, fantastic tutorial. This made tailwind crystal-clear to me.

[@jamesikubi6831]

You forgot to tag your KZbin channel: kzbin.infovideos Really loved that tailwind introduction

[@kamranmalik1840]

Hey Chris, React course is Lit , Waiting for tailwind course :) and Brad , you are one of a Kind

[@dominicshib3276]

@@ChrisSev_ I'm getting the 2 react courses, just getting a bit better at JS first!

[@HiteshRiziya]

This is awesome! Thank you Chris & Traversy Media!

[@asialakay]

This was my first time designing with Tailwind CSS. Although, I am still little confused about how to align the right side of the header section for smaller screens, I'm happy with the result and the introduction through this tutorial. It was easy to follow along with. Thanks for creating this project tutorial!

[@rohanayush]

Just loved this! You teach so nicely! Really did not get bored. Loved it. It felt like 10 minutes

[@alain_laroche]

Thank you for this! Those great videos just keep coming :D

[@akhilpathania2956]

Thanks traversy media for everything you do ♥️!

[@romanazeem3098]

Always waiting for your videos 💓

[@aminedaimallah310]

i love Tailwind CSS too, it makes your life easier, so there is no need to keep thinking what should i name the class

[@vladislavivanov1546]

Always wanted to see what this Tailwind is all about. Thanks Brad for another amazing video.

[@LetsCelebrateLife24by7]

Excellent walk through for a 1st timer on tailwind css. Thanks Chris :) and Thanks Brad :)

[@amraromoro]

Thanks Brad for introducing us a new content from cooperating with others devs.

[@scotttct]

Thanks Chris, great Tailwind beginner tutorial. I can see why tailwind would be helpful in a js framework to make life a bit easier in the long run.

[@neeraj1bh]

My 20reactapps guy is here. Love the course. ❤️ ☮️

[@user-he8qc4mr4i]

Awesome tutorial! Just found this gem today! Considering getting your master class

[@vshlmlvliveit]

I was a bit skeptical before, but turned out to be a great learning! Thanks.

[@VipinYadav1]

So, this is the guy behind scotch.io. Thanks a lot man, love your website.

[@VenkateshMogili]

Nice, Now I like tailwind😍😍😍. It's super fast to learn without writing at least one custom css😄😄. Thank you👍👍👍

[@Friedrich713]

Great introduction & tutorial! Will checkout your webpages! And 100 thanks for the timestamps!

[@DesignToDeploy]

Thank you so much. Sir, We need design class.

[@xavier9556]

Great tutorial, it also increased my understanding of basic css.

[@calvincrane]

We always used to end up making classes to do utilitarian things. I think I am going to be well suited to this moving forwards. Thanks. Also great integration in Next.js and VS Code.

[@amansetia8655]

Very nice, loved it, tailwind supermacy from now on

[@syedhussain7061]

Love ❤️ Traversy media

[@yorkshireplumbing]

that bit where you can group classes into a class with @apply... that's really cool; I wish Bs could do that.

[@ammarrazzak5302]

Nice video! Can't wait to watch!

[@chandrashekargaajula2131]

Just splendid. Thanks for sharing.

[@sasquatch_devs]

Dang, I was just looking for something exactly like this. Nice!

[@historylabstudio]

Thanks for adding Tailwind !

[@AxmedShiimax]

Awesome! I'll use it to my next project update 👍

[@guiiimkt]

CSS was invented so we could stop styling websites directly in the HTML, now we are back to doing exactly that...

[@alsbahsy]

very good point

[@stevehunt525]

This is going back to old days, using inline styles. If you have a load of the same components on your site and you want to make a change, you have to change everyone individually.

[@pumpkinhead6646]

Depends on what you're using on the frontend. With React for example, you'll just style that component and reuse it. Easy style change. This is where Tailwind really shines. Tailwind just makes creating a quick design super fast. Ever since I've adapted it, it's cut back on so much time.

[@baran2]

Woah! I had no idea tailwind was this powerful! One thing I can't help but notice is how quickly you can use emmet. Also, how do you add multiple cursors like that?

[@briandesign]

great tutorial!

[@guryashzone]

I just didn't know it existed! Completely amazing and easy..

[@evavranici7645]

How to write simultaneously in 2 lines of code as in 13:22 in codepen ? I can do that in Webstorm by anabling Column Selection Mode but not in codepen.

[@evavranici7645]

Thank you Chris :)

[@cosmotk]

Thanks for this awesome tutorial! Tailwind indeed looks handy in small/simple projects BUT: 1. From what I can tell we'll still need to add some custom CSS on some elements or the HTML markup can become easily "overcrowded" like the link from your example at 19:21 2. Imagine having 50+ elements requiring more complex CSS code, what then? Repeat over and over again the same 20+ classes on all similar elements? Why this way when we can easily apply all that code into a single class..

[@sebastiangudino9377]

Because that way the code is modular. If you really need to reuse code. You probably should look into using a front end framework that allows you to create components. Tailwind works wonderfully with those. Vue + Tailwind was my favorite workflow for a good while

[@charlene6306]

Great content! There is no bg-orange. Had to use yellow instead. Why is that?

[@zuhranahmed]

WOW! This guy is so good! Thanks 🤩

[@aniltheblogger]

Thanks for this fantastic tutorial

[@parthkumarchaudhary]

Tailwind is really good one, but I would suggest that, it is better to use this with js framework to scaffold an app.

[@uchihalayan3435]

this is so helpful thank you so much for this

[@snghnishant]

Man Chris and his channel is so underrated. I love his explanation and really enjoy watching his tutorials more than anyone else. Chris is #BADA55

[@snghnishant]

@@ChrisSev_ 😋

[@anelembanga6061]

Amazing, thanks a lot for this.

[@odhiambodaniel296]

It's Brad Again 🥰🥰

[@TraversyMedia]

It's Chris :)

[@ronstubed]

Wow... Nicely taught.

[@Banditxam5]

I didn't know tailwind is this cool 🥳🤯

[@rezamuhsinin961]

you can change the repeat 'mr-2' with space-x-2 and put that in parent element.

[@michiel4864]

Whats a super easy way to purge/minify the Tailwind css??

[@learnenglishenjoy]

It works for me. Thank a lot!!

[@debajyatidey9468]

Lovelyyyyyyyy! Thank you for the amazing video!

[@fatinishraqprapya3139]

Nice Work

[@phanta5m]

Wow nice, a css framework with css language without touching css, i want to learn it

[@patriotact3729]

Thanks Chris!

[@brilliantatosam]

Hello Brad! I need to scale out my node application. Could you please make a tutorial on scaling?

[@daffaquraisy9175]

Is there any content about laravel in the future?

[@MrOogoo]

Cool, keep coding and creating awesome videos.

[@kevintech2442]

Where do you find these people Brad??? This guy is AWESOME TOO! WTf, I can't believe I did not found him earlier

[@hariharankomati86]

I really love this channel ...

[@ko-Daegu]

I noticed you are using instead of Why is that ?

[@cristianfernando2951]

great video!

[@zacharytelschow4088]

Is this codepen shared? After seeing it built it would serve as a great reference :)

[@toss5337]

Hi Sir, is possible to combine angular material with tailwind?

[@ko-Daegu]

13:40 how to creat multiple cursers out of the blue like that

[@avinash.upadhyaya]

Hey Brad, as always great stuff. Can we have a tutorial on Spring boot please? Thanks.

[@adiszejnilovic9946]

All guys i was subscribed to are here in one channel now. :D Seems like i had nice choice long time ago.

[@DarshVader29]

How do you get the font like that? In the VS Code editor.

[@mohsenakbari2958]

What is the name of the font used in the codepen in this video?

[@khantsithuphyo5484]

Hope you more Tailwind+Vue tutorial

[@dmbrv]

really nice tutorial

[@normandrioux2529]

Very interesting, But would you use it for production or just prototyping?

[@himanshuthanvi7403]

Hello ! This look amazing. I have a question that the website we see today are very attractive & I sometimes fear that how do they build them. Like Chris blog posts looks impressive what it takes to build that ??

[@dharmang]

I never thought I would use bootstrap even though I don't know much CSS. And here I am interested in Tailwind more than BS. 😝 I feel like I will use more css and learn better. Maybe its because your brain doesn't switch files and editing only 1 file and focused on what we are doing? 🤔

[@silverzero9524]

I feel like I am something writing css and not writing css at the same time. not sure if i like it or not till now. i will try making few pages and then see if i like it

[@tanzimibthesam5861]

Tailwind css is love

[@Saradomin65]

Was going to try tailwind and now this blessing in disguise came out, lucky me.

[@DanteMishima]

What are these codepen shortcuts?

[@mateusjunior1937]

The only difficult , the style are inline html, but it's look very awesome

[@razaqraji2190]

You can abstract it away. Using @apply.

[@mateusjunior1937]

@@razaqraji2190 True, i will try

[@exclusiven940]

Traversy media + Chris on code(scotch.io is superb). Thanks brother. Please stream the video so we atleast Give Superchats. Just think about how much money we spent on useless college degrees.

[@captinrish1013]

Keep it up man

[@caioferreira3308]

I love it,thanks

[@_guru]

Helll Yeah!!!!🥳

[@bharath2934]

Enjoyed the content really helpful :) ....

[@_rachid]

Thank you !

[@egyptsphinx9393]

pls help asap, tried to fix it out the last 2 days Could not proxy request /api/auth/user from localhost:3000 to localhost:5000

[@abdi_pie7266]

ur accent so good dude, I know u r Indonesian people

[@jefferygee6583]

nice content!

[@teamomiparientes3769]

Marvelous..!!!