Get Started With Tailwind CSS

>> YOUR LINK HERE: ___ http://youtube.com/watch?v=sNXfI3woBEw

💡 Join My Weekly Dev Newsletter: https://www.johnkomarnicki.com/#news-... • In this video i'll show you how to get set up with Tailwind CSS and create your very first component using this very popular framework! • Tailwind References: • Tailwind Install: https://tailwindcss.com/docs/installa... • Tailwind Configuration: https://tailwindcss.com/docs/configur... • Tailwind Classes: https://tailwindcss.com/docs/aspect-r... • Tailwind Variants: https://tailwindcss.com/docs/hover-fo... • Video References: • Modern Landing Page: • Build a Modern Landing Page With Tail... • Dark/Light Mode Theme Switcher: • Tailwind CSS | Dark Light Theme Swi... • ----------------------------------------------------------------------------------------------------- • Join my channel to support me to continue doing what I love! • / @johnkomarnicki • ----------------------------------------------------------------------------------------------------- • Patreon: / johnkomarnicki • Website: https://johnkomarnicki.com/ • Twitter: / john_komarnicki • LinkedIn: / john-komarnicki • ------------------------------------------------------------------------------------------------------- • Timestamps: • 0:00 Introduction • 0:48 Install Tailwind CSS • 4:50 Set up Environment • 5:30 Understanding Tailwind Docs • 7:49 Adding Custom Configuration • 9:50 Tailwind CSS IntelliSense • 10:20 Building Card Component • 16:44 Adding Modifiers/Variants (hover, focus, focus-within, etc) • 17:48 Global Styles with the @apply Directive • ------------------------------------------------------------------------------------------------------- • #tailwind #tailwindcss • Current Subscribers: 8,078

#############################

New on site