Tailwind CSS Tutorial #13 - Buttons

Hey gang, in this tailwind css tutorial we'll create some custom buttons.

🐱‍👤🐱‍👤 JOIN THE GANG -
----------------------------------------
🐱‍💻 🐱‍💻 My Udemy Courses:

🐱‍💻 🐱‍💻 Course Files:

🐱‍💻 🐱‍💻 Other Related Free Courses:

[lorikoruqi]

the way he says here and preview




btw amazing tutorial thank you so much

[Shakeel]

Wonderful tutorial series from a wonderful teacher

[ariezflores]

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.

[blackpurple]

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)

[normaliz]

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

[TheJaved]

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

[The_Awakened_Hybrid]

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!

[codybontecou]

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.

[stocklin]

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

[KingRyanGaming]

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

[babinio]

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

[adeodatusludan]

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

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

[obibakwekuadoma]

i don't if my tailwind configuration is not working or not, i am unable to make changes to my application

[havetrustissue]

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

[lishanudeep]

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

[aifsssm]

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.

[amritgopinath]

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