🔥 #tip

You can try TailwindCSS without installing by including CDN link:

<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">

🔥 #tip

Targeting mobile screens

https://tailwindcss.com/docs/responsive-design#targeting-mobile-screens

#tip

"🔥 Did you know Tailwind has an undocumented 'sr-only' utility class that hides content, but not on screenreaders?" by @teamcodecourse

🔥 #tip #gradient

Did you know that TailwindCSS has gradient utilities? You can make awesome gradient backgrounds and even gradient text using them.

🔗 Code:
https://codepen.io/ilyosjon/pen/RwaOOgL

📖 Documentation:
https://tailwindcss.com/docs/background-image#linear-gradients

https://tailwindcss.com/docs/background-clip#cropping-to-text

🔥 #tip

TailwindCSS docs now include integration guides for popular web frameworks

https://tailwindcss.com/docs/installation

🔥 #tip

You can create a floating input form with Tailwind CSS
using ":placeholder-shown" pseudo class.

By Surjith S M

🔗 Demo: https://play.tailwindcss.com/e9VYsoQ6ND

🔗 Alternate version: https://play.tailwindcss.com/gVoSIxxDbP

⭐️ Source: https://bit.ly/402GyG7



✨ Tailwind CSS Tips

🔥 #tip

You can use peer/{name} to create a beautiful "Pill Menu Animation" like this.

❌ No javascript
❌ No custom styles


By Surjith S M

🔗 Demo: https://play.tailwindcss.com/Qd98eMhkxy


⭐️ Source: https://bit.ly/3Dn5COj



✨ Tailwind CSS Tips

🔥 #tip #showcase

Infinite Marquee Scrolling with Tailwind CSS ✨

by @surjithctly

🔗 https://play.tailwindcss.com/alDCOx6PU2

✨ Tailwind CSS Tips

🔥 #tip

Nice tip from Marcel Pociot

🔗 https://play.tailwindcss.com/HY8N2f5txA