I’ve been thinking of picking up a css framework for my frontend projects so I don’t spend hours writing thousands of lines of css for multiple screens rather than concentrating on app logic.
And if I had a dollar for each time someone recommended tailwind to me, I would be a millionaire.
I don’t think I’ve seen a frontend tool more positively reviewed.
Off I go to the docs!

No need wasting time on CSS when you can get what you want easily with frameworks like bootstrap and tailwind

bularuz:
No need wasting time on CSS when you can get what you want easily with frameworks like bootstrap and tailwind

Hmmmm bad advice. Please op, make sure you are very good with css before moving on to learn any of its frameworks.

jbreezy:
Hmmmm bad advice. Please op, make sure you are very good with css before moving on to learn any of its frameworks.

I already have a solid grasp of css. I’ve even worked extensively with sass but now I’m just tired of all that spaghetti css.
More than half of my time is spent on styling instead of concentrating on the app logic.

Rgade:

I already have a solid grasp of css. I’ve even worked extensively with sass but now I’m just tired of all that spaghetti css.
More than half of my time is spent on styling instead of concentrating on the app logic.

okay then...go learn tailwind, it's a great framework.

Tailwind is properly hyped. If you don't know css you might regret tho because it doesn't have magical class that could, say, center a div automatically.

Karleb:
Tailwind is properly hyped. If you don't know css you might regret tho because it doesn't have magical class that could, say, center a div automatically.

Margin 0px auto. (my-0 mx-auto)

GREATIGBOMAN:


Margin 0px auto. (my-0 mx-auto)

What if I want to use grid or flexbox?

The framework is called utility first for a reason.

Karleb:


What if I want to use grid or flexbox?

The framework is called utility first for a reason.

Then you use it na

jbreezy:
Hmmmm bad advice. Please op, make sure you are very good with css before moving on to learn any of its frameworks.

Well I assumed you know CSS well enough to know you should use a framework to easy the stress and hassles

Karleb:


What if I want to use grid or flexbox?

The framework is called utility first for a reason.

Display:flex
Align items:center
Justify content: center

bularuz:


Well I assumed you know CSS well enough to know you should use a framework to easy the stress and hassles

All I'm saying is you don't jump to a css framework without fully understanding css itself, or else, you go lost.

jbreezy:
All I'm saying is you don't jump to a css framework without fully understanding css itself, or else, you go lost.

True.

Think4Myself:

Display:flex
Align items:center
Justify content: center

This sha will center the child div

Not the div itself

GREATIGBOMAN:


This sha will center the child div

Not the div itself

Then you'll wrap the main div inside another div, that's how programmers think, it's not always straight forward

Karleb:
Tailwind is properly hyped. If you don't know css you might regret tho because it doesn't have magical class that could, say, center a div automatically.

Yeah the hype is worth it, and my css skills are solid too. Just scanning through the docs you can tell what every class name does at first glance.
Utility first is the most sensible way to write a css framework tbh.

Think4Myself:

Then you'll wrap the main div inside another div, that's how programmers think, it's not always straight forward

He said he wanna center the parent div itself ?

Rgade:

Yeah the hype is worth it, and my css skills are solid too. Just scanning through the docs you can tell what every class name does at first glance.
Utility first is the most sensible way to write a css framework tbh.

CSS purist on Twitter will not agree with this tho.

They say it makes the HTML dirty.

Just imagine you want to style twenty divs in a card container, imagine the number of first name you will attach to the card surname.

Even at that, tailwind still has a work around it.

It also comes with dark mode features, JIT, cool colors , media query becomes too easy. Mehn! You'd eventually hate bootstrap.

Karleb:


CSS purist on Twitter will not agree with this tho.

They say it makes the HTML dirty.

Just imagine you want to style twenty divs in a card container, imagine the number of first name you will attach to the card surname.

Even at that, tailwind still has a work around it.

It also comes with dark mode features, JIT, cool colors , media query becomes too easy. Mehn! You'd eventually hate bootstrap.

Walahi I used to be a css purist. Talking about how frameworks littered the html with class names.
I even became more intolerant of frameworks after I discovered sass, to me it was the best thing after jsx
Who needs a framework when you have mixins
But as my codes grew bigger omo I knew I was kidding myself.
Now tailwind has one more evangelist.
Bootstrap is a mess fr.

GREATIGBOMAN:


He said he wanna center the parent div itself ?

Like I said, wrap the parent div inside another div and use flexbox for perfect centering or normal centering

Karleb:


CSS purist on Twitter will not agree with this tho.

They say it makes the HTML dirty.

Just imagine you want to style twenty divs in a card container, imagine the number of first name you will attach to the card surname.

Even at that, tailwind still has a work around it.

It also comes with dark mode features, JIT, cool colors , media query becomes too easy. Mehn! You'd eventually hate bootstrap.

The downside is it's not free... I'm not catching that unnecessary hype around it jare.

My own is learn CSS very well before any framework

This way u will know what u actually want from a framework

Bootstrap and etc of them are all good but I normally use w3.css

And I had a modified version for my kind of works I do

Johnmattee:

The downside is it's not free... I'm not catching that unnecessary hype around it jare.

I'm not sure what you are talking about but tailwindCss is as free as CSS itself.

It pretty okay not to use or like it.