I was a little put off by Tailwind when I first looked at the examples in the documentation.
Why would I put all these classes in my HTML? Why wouldn't I just use Sass mixins?
But I decided to give it a shot, and oh man am I glad I did.
Once you start seeing patterns and memorizing the basic utility classes, it becomes an absolute breeze to style any component or section of your page might have.
I found it especially great for using flexbox, simply specifying flex and flex-1, flex-grow, flex-shrink, etc.
And the configuration and adding custom classes is very simple and intuitive once you learn it, which doesn't take long at all.
Again, it does seem off-putting at first, but as the docs themselves say,
You just have to try it.
This mirrors the path I took almost completely. I’ve had relatively lackluster CSS skills and at first drinking from the firehose was really off-putting. There is a ton of stuff to learn if you’re trying to get a handle on everything at once. I found it much easier to retain very little and to just browse the docs whenever I need to implement something. Then when a coworker who is more versed in CSS implements something, I pick it apart and start using the same technique.
Even in taking bite sized chunks of knowledge there’s room for more advanced topics like figuring out how purge css strips extra selectors or how to apply themes. Fortunately there’s also a huge supply of examples as I’ve been fortunate enough to find just about everything I’ve been looking for with a few short google searches.
We're a place where coders share, stay up-to-date and grow their careers.
We strive for transparency and don't collect excess data.