Tailwind CSS v3.2 Crash Course - Build a responsive conference landing page

[@PhillipHarrington-mh7jg]

The math around pixel & rems alone was super helpful 🤯

[@Thirus]

Thank you! Take a look at my ebook & video course. It has a lot of helpful tips - shrutibalasa.gumroad.com/l/level-up-with-tailwind-css

[@udayworldwide]

most under rated channel / video. Needs more likes ❤

[@UnyimeUdoh-ny3lp]

Believe me this course is better than most popular tailwind courses out there. I have tried others as a beginner

[@Thirus]

Thank you for the lovely comment 😊

[@sidarjunful]

best concise course on css with easy to understand language

[@Thirus]

Thank you!

[@here_vikram]

So far best crash course on Tailwind CSS for me.

[@Thirus]

Thank you ☺️

[@angwechima5876]

thanks so much this is the best tailwind video i have ever watched

[@Thirus]

That feels good to hear :)

[@MrKourafex]

I'm so glad i found you!! I bought your books as well very useful and well though

[@Thirus]

That’s so nice to hear 😊 Thank you!

[@kaverigotkhindi1276]

Was waiting for this 🤩

[@Thirus]

Hope you love it!

[@lovelyfox-kz6ko]

Excellet tutorial! Thanks for your explanation, and especially for the details, such as "antialiased". 推薦這個教學影片!

[@Thirus]

You’re welcome 😊

[@DharmeshPrajapatiM]

Very useful tutorial. Great teaching style

[@Thirus]

Thank you Dharmesh!

[@lokithor83]

Thank you Madam! Fantastic presentation!

[@Thirus]

You’re welcome!

[@Qynnie]

Really like your teaching style! I'm making a blog for the first time in a decade, and want to use Eleventy, and from there heard about tailwindcss, and this video in particular was a great intro. Going to continue with the rest of the course. Thank you for your efforts!

[@Thirus]

So nice to hear that 😊 Wishing you the best!

[@oketafred]

Your content is amazing, Keep it up

[@Thirus]

Thank you Oketa 😊

[@PhillipHarrington-mh7jg]

Protip: install node/npm w/ nvm, node version manager. When working with multiple projects there are sometimes older versions which are not compatible w/ the latest/greatest npm, so being able to have multiple versions of npm installed and easily switching is a great help. Might make a good video if you haven't touched on that already

[@Thirus]

Thanks Philip, noted! Might create one

[@dudekondamokshagna291]

Really Appreciated 👏

[@Thirus]

Thank you!

[@talkathiriify]

Very smooth and clear explanation. Thank you very much.

[@Thirus]

You’re welcome :)

[@spiritualforce]

Thanks mam finally I have completed the video!

[@Thirus]

Glad to hear that :)

[@PcHabitat]

Nice can’t wait to start this tutorial

[@Thirus]

Hope you enjoy it :)

[@mohammadthousif3869]

Can make a video on the future of web development for those who are aspiring to become one ??

[@Thirus]

Sure, will consider it. Thank you

[@Love-id8gu]

What a great lesson! Thank you.

[@Thirus]

You’re welcome

[@prashlovessamosa]

Thanks didi For free knowledge Awesome tutorial learn alot.

[@Thirus]

You’re welcome :)

[@alexeydoronchenko389]

Awesome tutorial!

[@Thirus]

Thank you 😊

[@1LifeStudio]

How do you get to a specific design while creating a personal project?

[@Thirus]

I look for design inspiration on multiple platforms

[@atanusamanta3835]

Nice video. Can you make a series to build an admin panel with tailwind css and react. It will be very helpful.

[@gurureddy1861]

Very helpful 🙂

[@Thirus]

Thank you!

[@veronicasmusicbox192]

Nice information

[@Thirus]

Thank you!

[@WebDeveloper-xs4uf]

I made a single page in html and tailwind cli. In visual sc I see the liver server version works ok. When i upload to server via Filezilla, the styling falls apart. What actual files do I upload to the htdocs folder on the server or public.html folder? I can't seem to find a video on yt about uploading the files to a server. Thanks.

[@Thirus]

You just have to upload the stylesheet that you’ve linked in the HTML and nothing else. Just make sure that the path for the stylesheet in the link tag is correct.

[@creedddzz]

Top tier.

[@Thirus]

Thank you!

[@sasusathish]

The Best 🎉

[@whitefieldmba]

HI, the last lines of code is giving me error. @media screen(lg) { body { background: linear-gradient(to right, white 0%, white 60%, theme('colors.violet.500') 60%, theme('colors.violet.500') 100%); } }

[@whitefieldmba]

especially the (lg)....the others are working fine

[@Thirus]

Linter shows error because that’s not CSS syntax. But it works because Tailwind converts it to regular CSS

[@whitefieldmba]

@@Thirus thanks

[@nimostic]

hey mam i follow your step but "prod" minify didn't work it says error can you tell why it shows error .

[@Thirus]

Please send me a screenshot of the error on Twitter - @shrutibalasa

[@dummymail2495]

How do you use hex color coming from api as color for any element in talwind css? I tried using arbitrary value technique but doesn't seem working. Please help

[@Thirus]

You can’t generate classes like that. Tailwind builds the CSS before you get that hex colour from API. Is that colour very random? Or do you have any list of colours? If you have a list, you can “white list” those classes.

[@vanithb6630]

Please upload more videos 🙏🙏🙏 Tailwind with difficult layout

[@Thirus]

There are a few more in the playlist. Do check..

[@vanithb6630]

@@Thirus i saw always your video ma'am.. waiting for video complex layout using tailwind.. in KZbin know one teaching better than you.. thankyou so much ma'am

[@Thirus]

I don't know if you've seen these too: kzbin.info/www/bejne/eJK7Y2VjjdqDocU kzbin.info/www/bejne/rJLcimONiZaCh7s kzbin.info/www/bejne/maLOpoBsecmqbqc

[@vanithb6630]

@@Thirus thanks ma'am i will watch

[@mehdi2584]

Hey , what properties and abilities makes someone a senior frontend developer

[@learncode5110]

Hello mam nice explaination mam please bring new series of 2023 on tailwind css covering each and everything step by step

[@Thirus]

The basics are mostly only this much. If you want to learn beyond this, I have my ebook releasing in July “Level up with Tailwind CSS”. You can pre-order here - shrutibalasa.gumroad.com/l/level-up-with-tailwind-css

[@learncode5110]

Awesome! In this ebook and video did you covered all the topics from basic to Advance?

[@ABDULLAHIBNMAHMUD-r3m]

which color theme is used in vscode, maam?

[@patite3103]

Great video! Could you please make a dedicated video to "content" and pseudo-elements "after: " and "before:" like "before:content-[`\201C`]" ? I don't understand the usefulness of these elements. In which situations are they meaningful? Thank you!

[@parenteseswebdev]

I thought css wasn't supposed to mixed into html file. Also divs are counterintuitive as they pose no landmarks...

[@Thirus]

CSS is not mixed with HTML. They are still classes only. Not inline styles. And yes, shouldn’t use divs everywhere, but this tutorial is focused on Tailwind CSS, so the semantics aren’t important here.

[@maheshadigoppula5067]

how to implemement Rich text in tailwind css

[@hariharankarthikeyan144]

Very use full mama

[@ashwinpatel607]

I like to buy, Pure CSS + Tailwind CSS ($27), is there a coupon code or discount you would like to share?

[@Thirus]

Please send a DM to x.com/shrutibalasa

[@ashwinpatel607]

Replying through link is an issue. It tries to register and sends a verification code to my phone but code never reaches. No worries and Shruti, I like the way you explains the css, great job!!

[@Thirus]

Oh, you can send me an email - [e-mail]

[@digitalnomadprabhu]

Hi one question, is tawind css free or do we need to pay money for using it ?

[@Thirus]

It’s free and Open source

[@digitalnomadprabhu]

@@Thirus but I see pricing on their page . This made me bit confuse .

[@marojushankerganesh9313]

Can u make it ...some carousel using tailwind

[@Thirus]

Carousels usually needs some amount of javascript too

[@AFURKANMEHRAJDAR]

[@ET-AI]

Good tut thx,i want to look your personal site but i think virus inside your site :( check it.

[@Thirus]

Thank you for informing. Need to renew SSL

[@surjithctly]

👌👌

[@davidl2229]

𝔭𝔯𝔬𝔪𝔬𝔰𝔪 🎉