Видео

Thanks! I now have a much better understanding of the breakpoints and how to make better layouts. I subscribed 😊

I'm a simple man. I see Lukas' videos, i press like button.

best introduction to Tailwind ever! Thanks for it

@lukas.webdev at 2:38 what extension you use in vscode to have the {} highlight with a connecting line? or someone else know please advice it looks like a very helpfull addition.

Hi Lukas! I’m just curious about your estimation of 6-10 months. In terms of hours, how many hours do you think it would take to complete this roadmap? It can just be an estimate, opinion, or recommendation. I am just curious with your opinion about this (an experienced person opinion) as I have been trapped with tutorial hell

Good one matey!!

Thank you so much.

The best video on Responsive Design using Tailwind CSS. Iam Tailwind Wizard now 🔥🔥🔥

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

good explanation

God bless you

❤

Top notch tutorial 🎉❤

Thank you for this awesome video 🎉❤

thanks it's help me 😍😍

hello lukas, am new to tailwind and i wanted to get a column layout between 320px and 768px but this does not works <div class="flex flex-row items-center justify-center gap-16 p-10 m-auto text-xl shadow-xl rounded-xl min-[320px]:max-md:flex-col lg:w-4/5 md:w-4/5">

Did not know about the breakpoint range, that's very useful!

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

Liked and subscribed. I am only at the 7:56 point, but so thankful for your explanation about sm, md, etc, screen sizes and mobile first development. Coming from straight CSS, it was "design for desktop" and then have media queries for max not min screen widths to adjust the layout for smaller screens. Now that I understand this basic Tailwind concept by your explanation, I will be better able to use it. Yes, I have heard the phrase "Tailwind is mobile first development" numerous times, but had not heard or understood how that applies. Thank you for your explanation.

hi. Good job. This video is very useful .and please upload responsive website part..

Hi, first of all: thank you for the straightforward introduction to using Tailwind CSS. I have some questions: In your section tag you add “md:grid-cols-2” to the className property. The section tag contains 2 div tags. What would happen if there were 3 div tags inside the section tag? Does the number of divs have to match the number of grid-cols-<x>? What happens if <x> is higher or lower than the number of divs within the section tag? For example, how would you define a layout with a breakpoint for ultra wide monitors (where we want to have 3 columns), and below that breakpoint + higher than 'md' we would only have 2 columns. Since we would need 3 divs for the ultra wide monitors breakpoint, which 2 would be placed below each other? Perhaps you could create a video tutorial for advanced use of Tailwind CSS by creating a more complex demo project that more closely resembles a real website. Thank you very much!

bro, you are amazing !!

Great video. But I feel class names can get really bloated

Subcribed.

thats a smooth and on point video thanks for explaining parts like that

your cheetsheet link is broken now ...

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

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.

thanx for good introduction to tailwind

"Don't use tailwind, like a pro"

Child/Children

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.

Dislike for lie

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.

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

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

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!

Great walkthrough Keep up the good work

i wanna see you in the next video

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

Thank you !🙏

*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.

all i did was just destroy the like button, i really owed it to that stare😂😂

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

Thanks a lot, You saved me🥰

Great tutorial. You cover all the bases!

Thanks❤

Is this guy an AI?

I’m currently working on an affordable, comprehensive course on Tailwind CSS, covering everything from installation to advanced customization. Unlike other courses about this topic - that are way too long and complicated - this one will be straight to the point and efficient - because Tailwind CSS is not so complicated. You’ll get all the essential information in one course. If that sounds interesting, make sure to like this pinned comment! If there’s enough demand, I’ll prioritize the course, and it will be available much sooner. 😉🔥

Very useful video 🎉