Tailwind CSS

Tailwind CSS Overview

1. Tailwind css Introduction
2. What is Tailwind
3. CSS vs Tailwind CSS
4. Instailling Tailwind

Tailwind Basics

1. Utilities
2. Preflight
3. Duplication
4. Prefix
5. CSS Units

Tailwind Typography

1. Size and Shape
2. Color And Opacity
3. Alignment and Spacing
4. List
5. Typography Plugin
6. Forms

Tailwind Box

1. Padding and Margin
2. Borders
3. Background Color
4. Background Images
5. Width and Height

Page Layout

1. Container
2. Floats and Clear
3. Position and Z-index
4. Tables
5. Grid
6. FlexBox
7. Box Alignment

Animations

1. Helpful Small Animations
2. Transition
3. Transform
4. Other Apperance Things

Responsive Design

1. Screen Width and Breakpoint ?
2. Hide Element Based on Size
3. Fewer Grid Columns on Small Devices
4. FLex on Larger Devices

Customizing Tailwind

1. Configuration File Basics
2. Change Default Values
3. Change Generated Classes
4. Configure Variant Prefix
5. Integrating with exiting CSS
6. Access Tailwind from JavaScript
7. Purge CSS