1.
Tailwind Introduction & Styling with Layout
1.1.
Introduction to Utility-First CSS and the Benefits of Using Tailwind CSS
1.2.
How to Set Up a Project with Tailwind CSS
1.3.
Font Size
1.4.
Font Weight
1.5.
Text Alignment
1.6.
Text Color, Text Opacity & Hover Color
1.7.
Background Color
1.8.
Assignment
2.
Spacing
2.1.
Margin & Padding
2.2.
Text Decoration
2.3.
Text Transformation
2.4.
Width and Height
2.5.
Border
2.6.
Custom Color
2.7.
Custom Margin
2.8.
Assignment
3.
Web Design with Tailwind CSS
3.1.
Container Utility
3.2.
Box-Sizing Utility
3.3.
Display Utility
3.4.
Float Utility
3.5.
Object-Fit Utility
3.6.
Shadow and Opacity Utilities
3.7.
Hover and Focus Effects
3.8.
How to Use Icons in Tailwind CSS
3.9.
Assignment
4.
Flex & Grid
4.1.
Cursor Styles and Pointer Events
4.2.
Visibility
4.3.
Gradient Backgrounds and Linear Gradients
4.4.
Forms and Inputs
4.5.
Flexbox
4.6.
Grid Layouts
4.7.
Pagination and Breadcrumbs
4.8.
Assignment
5.
Responsive Classes and Modal
5.1.
Concept of Components
5.2.
Reusable Components Using @apply and Custom CSS Classes
5.3.
Breakpoints and Media Queries
5.4.
Responsive Classes and Utilities
5.5.
Mobile-First Design Approach
5.6.
Modal Components and Modal Triggers
5.7.
Assignment
6.
Configuration, Functions & Directives
6.1.
Theming and Dark Mode
6.2.
Customizing Tailwind CSS Configuration
6.3.
Tailwind CSS Plugins
6.4.
Popular Tailwind CSS Plugins
6.5.
Functions & Directives
6.6.
Integrating Tailwind CSS with Component Frameworks
6.7.
Optimizing Tailwind CSS for Production
6.8.
Assignment
Light
Rust
Coal
Navy
Ayu
Tailwind
Tailwind Introduction & Styling with Layout