Tailwind CSS Tutorial #13 - Buttons

[@nicolaskeith8872]

This series is so soothing.

[@MananGouhari]

tailwindcss is so soothing

[@lorikoruqi334]

the way he says here and preview btw amazing tutorial thank you so much

[@Shakeel714]

Wonderful tutorial series from a wonderful teacher

[@spacetimevideostudio109]

Amazing tutorial

[@NetNinja]

Thank you! :)

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

[@GustavAgar]

heyo, i'been using the command "npx tailwindcss -i ./src/styles.css -o ./public/styles.css" to rebuild the css and is working for me, can u explain me whats difference with the command u post here?

[@Miq145]

@@GustavAgar You are talking about the same thing. New Tailwindcss version was informing on terminal about a deprecated command when building, and Ariez is explaining where the error was, and giving the solution to that error for Tailwind v.2. which is the same than the one your are reporting.

[@jannickpedersen4620]

@@GustavAgar the npx rules lol xD its an offical installation guide now on Tailwind docs :)

[@blackpurple9163]

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)

[@normaliz3]

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

[@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!

[@NetNinja]

Haha, thank you :) more British accent to come!!

[@TheJaved432]

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

[@stocklin9831]

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

[@floodyboy5307]

Awesome 👏🏻

[@KingRyanGaming]

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

[@babinio7458]

how do i create a "send to " clickable button?

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

[@hos7012]

how to build with nextJs?

[@rajbannasa7662]

thank you so much sir

[@NetNinja]

You're very welcome Raj!

[@charbouy]

3:42 The Lord of The Rings

[@adeodatusludan]

Running taiwindcss without -I, please provide an input file. The error I am getting by trying to build my css. Please help.

[@chicoselfie1602]

You are the best!

[@obibakwekuadoma8482]

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

[@gradientO]

Best explanation

[@lishanudeep8893]

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

[@shubhang2877]

maybe cuz you dont have the tailwind intellisense extension

[@lishanudeep8893]

@@shubhang2877 no I have that

[@shubhang2877]

uhhhhh is the error message when you hover over it something similar to "Unknown at rule @tailwindcss(unknownAtRules)"?

[@waifufx]

WOULD RECOMMEND YOU TO OTHERS

[@ridl27]

ty.

[@havetrustissue8975]

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

[@markjak5031]

💙💙💙💙💙💙💙💙💙💙

[@mohamedyoussef8835]

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

[@amritgopinath9540]

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

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