As a frontend developer focused on the CSS architecture, I like to use the best methodologies to write my code. I always do research to understand the frameworks that suit my needs and can be scalable.
A few months ago talking with my colleague the name of a CSS framework came out: Tailwind CSS.
Usually, I used Bootstrap for most of my projects, but a few weeks ago, I started to use Tailwind and it completely changed my way of using CSS.
As we can read on the official website:
Tailwind CSS is a highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs without any annoying opinionated styles you have to fight to override.
The truth is that many CSS frameworks have too many components predesigned and many times we are forced to overwrite them, especially when we work with highly customized UIs.
Instead of predesigned components, Tailwind provides utility classes that let you build your custom designs without ever leaving your HTML.
Let’s look at some examples of how my way of writing CSS has changed since I started using Tailwind.
Now I would like to show you an example of creating a card component using Tailwind and only CSS.
It’s impressive to see how you can create a component like this without even a line of code.
Do not you believe it?
I will prove it with a practical example.
Continue to read on Medium 👇🏻