Tailwind CSS Tutorial #13 - Buttons

💙💙💙💙💙💙💙💙💙💙

I'm used to using Bootstrap 5's row and column layout, is Tailwind's equivalent to that it's Grid system? If not, what is the actual equivalent?

I'm trying to learn Tailwind because it's got a lot more control and it makes me better at learning CSS as well (I'm still a beginner)

Awesome! Thanks man, sorry, mate! Keep it up! You're a great instructor! Plus Brit accents are always great to listen to. Us Yanks lost our Brit accents a couple centuries ago, so it's quite nostalgic for us ahahaha, seriously, no joke!

cursor-pointer
tracking-wider
border-primary
border-2

thank you so much sir

Awesome +++++++++++++++++++ 😃

Do I need to run it if I am using CDN instead of NPM?

Running taiwindcss without -I, please provide an input file.

The error I am getting by trying to build my css. Please help.

WOULD RECOMMEND YOU TO OTHERS

how do i create a "send to <email>" clickable button?

use this script "build-css": "tailwindcss build -i src/styles.css -o public/styles.css --watch"
and then it will automatically rebuild when src/styles.css file changed.
You don't need to do it manually.

To those following this in 2021, modify your package.json scripts build-css to include the -i flag for the input (tailwindcss build -i src/css/styles.css -o public/styles.css) otherwise your css might not get process.

the way he says here and preview




btw amazing tutorial thank you so much

Wonderful tutorial series from a wonderful teacher

how to build with nextJs?

You are the best!

What sort of extension are you using my vs code is showing red marks in style.css

@apply directive is like writing 'raw' css with unknown name.
Tailwind generate 'a class' for every bit of 'css'. Like 'margin-top:10px' = 'mt-10'. Why not writing normal css instead.
Now I have to remember thousands of 'class' names.
I don't understand the point.
Some utility classes is needed but a 'class' for every bit of tailwind is kind of...

Does the web page see any sort of performance difference when loading in on an sm or xs screen when you have something like md:border-2? Obviously, if there is a performance difference, this would be very very small. But I'm curious if it occurs when taking into account this feature throughout a full project.

Nice tutorial :) But next time, maby use button tag instead of just links. So that we all follow WCAG guidelines a bit more :) Otherwhise, I love your content :D

@apply thing is not working its throwing a red underlined error why is that

Awesome 👏🏻

ty.

This series is so soothing.

Excellent explanation
Thank you so much
After this can you please teach jQuery 3 😊😊😎😊

Best explanation