Mark  RG

Mark RG

1625208194

Complete Tailwind 2 Tutorial | Tailwind CSS Tutorial | Tailwind 2 Crash Course

This video will be a complete Tailwind 2 tutorial. Tailwind is a utility-first framework that will make your life so much easier because it is packed with classes. In this video, we’ll be setting up Tailwind, going over fonts, colors, alignment, background colors, gradients, images, padding, margin, grid, flexbox, hover, animations, transitions and transformation. Next to that, we’re going to dive into responsive designs, and how to customize Tailwind. At the end of the course, you’ll be learning how you can purge your Tailwind CSS file since it’s almost 5MB!

Timestamps
00:00 Introduction
06:06 How To Setup Tailwind
15:49 Fonts, Colors & Alignment
29:06 Background Colors & Gradients
39:56 Background Images
46:44 Padding & Margin
55:50 Learn Grid In Tailwind
01:05:14 Learn Flexbox in Tailwind
01:12:71 Hover, Animations, Transition & Transformations
01:24:50 How to make responsive designs In Tailwind
01:32:23 How to add custom fonts to Tailwind
01:37:11 How to customize Tailwind classes
01:44:12 How to purge your TailwindCSS file

Subscribe: https://www.youtube.com/channel/UCkzGZ6ECGCBh0WK9bVUprtw/featured

#tailwind

Complete Tailwind 2 Tutorial | Tailwind CSS Tutorial | Tailwind 2 Crash Course