Tailwind CSS: Styling for Modern Web Development
INTERMEDIATE
#Bootstrap
Author: Oleh Subotin
Course description
...
Ratings & reviews
This course does not have any reviews.
Your review could be the first one.
Complete all chapters to get certificate
0%
Introduction and Setup
- What is Tailwind CSS? - Utility-First CSS Framework Philosophy - Installation Methods: CDN OR npm/yarn - Basic Project Setup - Configuring tailwind.config.js
Core Concepts and Basic Styling
- Understanding Utility Classes - Applying Basic Styling: Colors, Borders, Shadows - Typography Utilities: Font Size, Font Weight, Line Height
Building Basic Components
Creating Basic Components: Buttons, Cards, Forms
Layout Basics
- Spacing Utilities: Margin and Padding - Flexbox Utilities: Display, Flex-Direction, Justify-Content, Align-Items - Grid Utilities: Creating Simple Grid Layouts
Responsive Design and State Handling
- Responsive Design: Breakpoints and Media Queries - Handling States: Hover, Focus, Active, etc.
Customization
- Modifying the Default Theme: Colors, Fonts, Spacing - Using the @apply Directive for Custom Styles