Tailwind CSS Introduction, Basics & Guided Tutorial

Learn the fundamentals of Tailwind CSS in this comprehensive tutorial video. Discover what Tailwind CSS is, set up your development environment, and create a sample project. Explore key concepts including configuration files, compiling CSS, using Tailwind's utility classes, and leveraging documentation. Follow along to build a bullseye design, add custom classes, and manage class clutter in HTML. Gain practical skills to streamline your web development process with Tailwind CSS.

Syllabus

Intro
Welcome
What is Tailwind CSS?
Course Prerequisites
Web Dev Tools & Settings
Tailwind CSS Config file
input.css file
Compile the style.css file
Compiling with --watch
Starting Live Server
Tailwind CSS Intellisense
Using Tailwind docs to find class names
Creating a bullseye with Tailwind
Adding a custom class to input.css
Handling class clutter in your HTML