✨ 8 Things you might not know #TailwindCSS can do with just a few utility classes ✨

Thread 🧵 👇
1️⃣ Adding a gradient color to text with only 5 classes
Adding a gradient color to text with only 5 classes
Adding a gradient color to text with only 5 classes
2️⃣ Set hover state of child elements when the parent is hovered over - using `group` and `group-hover`
3️⃣ Centering content within a `div` using flex with 3 classes
Centering content within a `div` using flex with 3 classes
Centering content within a `div` using flex with 3 classes
4️⃣ Even better: Centering content within a `div` using grid with just 2 classes
Even better: Centering content within a `div` using grid with just 2 classes
Even better: Centering content within a `div` using grid with just 2 classes
5️⃣ Add some space (horizontal or vertical) between items within flex container using `space-x-` or `space-y-` utilities
Add some space (horizontal or vertical) between items within flex container using `space-x-` or `space-y-` utilities
Add some space (horizontal or vertical) between items within flex container using `space-x-` or `space-y-` utilities
6️⃣ Fit your image into any dimension preserving the aspect ratio and without adding it as a background image - using just one class
Fit your image into any dimension preserving the aspect ratio and without adding it as a background image - using just one class
Fit your image into any dimension preserving the aspect ratio and without adding it as a background image - using just one class
7️⃣ Give a different color to your placeholder text
Give a different color to your placeholder text
Give a different color to your placeholder text
8️⃣ Help the user select all text with one click using select all
Did you know all of these? Which one's your favorite? 😍
You can follow @shrutibalasa.
Tip: mention @twtextapp on a Twitter thread with the keyword “unroll” to get a link to it.

Latest Threads Unrolled:
Those who think consciousness raising & movement building are disconnected, or even a distraction from electoral politics have not paid attention to the history of social change.In this thread, we
Read more
The 2020s will be known as the Remote Work decadeA few predictions of what is likely to emerge[ a thread ] Third Space: Office and Working from Home will
Read more
1/29: Have you ever had a concept explained to you that helps frame complex issues you’ve been wrestling with and opens your eyes to new possibilities? A concept that I
Read more
By continuing to use the site, you are consenting to the use of cookies as explained in our Cookie Policy to improve your experience.