Tailwind CSS
Learn to rapidly build sleek, responsive web designs using Tailwind CSS, a utility-first framework that streamlines the development process.
Course Syllabus Document
Tailwind Tutorbot
1.1 Tailwind CSS & How It Works
1.2 Why We Use Tailwind?
1.3 Setting Up Your Tailwind
Practical Activity: Installing Tailwind
1.4 Using the Wiki & Prebuilt Components
Practical Activity: Using the wiki to Change the Background of Our Header
Test Your Knowledge
2.1 The Basics
Practical Activity: Padding & Margins
2.2 Core Utility Components
2.3 Responsive Design Principles
Practical Activity: Responsiveness
Test Your Knowledge
3.1 Layouts and Components
3.2 Creating a Nav Bar
3.3 Creating a Gallery
3.4 What is the Config?
Test Your Knowledge
Practical Activity: Flex Boxes
Practical Activity: Placement of Elements & Sizing
Practical Activity: Grids
4.1 Customising Tailwind
Test Your Knowledge
Practical Activity: Using npm to Install Tailwind & changing Configuration