5 Tailwind CSS Pro Tips I Wish I Knew Earlier (2025)

In this video I will show you 5 Tips for Tailwind that you NEED to know in 2025. They will help you to use Tailwind CSS like a Pro.

=== [ MY TAILWIND VIDEOS ] ===



=== [ LIKE & SUBSCRIBE ] ===

Please LIKE the video if you enjoyed it and
SUBSCRIBE to the channel for more videos like that.



=== [ VIDEO CHAPTERS ] ===

00:00 – Intro
00:23 – Delegate
02:39 – @apply Directive
05:00 – Arbitrary Values
07:57 – Gradients
10:13 – Peer & Group
12:39 – Bonus: Little Helpers
13:33 – Outro

#tailwind #tailwindcss #css

[lukas.webdev]

*ATTENTION:* In the "Delegate" chapter, I mistakenly mentioned that the classes of the parent elements are inherited by the child elements. That’s not accurate! What I meant to say is that the some styles applied by those classes are inherited, not the classes themselves. Apologies for the confusion!

What are your thoughts on this video?
Like this comment if you want to see more videos about Tailwind CSS or let me know in the comments, what kind of content you want to see next on this channel.

[AndriusLau]

As a fullstacker I love these videos, because when you work with multiple frontend frameworks, libraries, then you switch to backend with another programming language and dependencies, these quick tips are very useful. You will not remember everything, but you will remember that something is possible with this lib.

[mohitashliya]

I have been using tailwind for almost 2 years now and this group thing is what I learned here thank you Lukas

[daviddwq]

Nice! I'm just starting to be familiar with tailwind. As an old school css user, I was a little bit reluctante to use any css framework since I was used to use sass on BEM architecture. But now by developing some apps with React I didn't found sass as useful as used to be. Tailwind is so easy to use I didn't even need to learn it is so intuitive specially if you already master css. However tips like this are gold, thank you!

[komeiltaheri]

At 1:14, in fact classes are not inherited by child elements, its happening because some css styles like "color" are inherited by design, and some are not, so maybe this was what you meant but it could be misunderstood.

[nemethricsi]

I’m just at the beginning of the video. But quick note: not the css classes are inheriting but the specific css rules. And not all of them! For example “color” (the css rule behind text-red-500) does.
This isn’t a tailwind specific thing rather a CSS specific thing.

[ogulcanbozkurt]

Sorry but nothing crazy here. For example on the last example, you can just give a text color on the button and use hover: instead of peer and group. No need to overcomplicate things.

[gbkEmilgbk]

sorry for asking but... eg. in 9:59 what is the difference bietween <h1 className='text-[84px]..." > and <h1 style="font-size: 84px"...> ?

[akhtarhssn]

these are the most basic tailwind tips. I was looking for something better.

[aram]

"Don't use tailwind, like a pro"