Log In
0% completed
All Lessons
Free Lessons (6)
Introduction
Why Tailwind
About This Course
Getting Started with Tailwind
Quick Start
Add Tailwind Features
Quiz Yourself on Tailwind
Tailwind Basics
Tailwind
Utilities
Preflight
Duplication
Using @apply for Duplication
Prefixes
Retro Designs: Introduction
Quiz Yourself on Tailwind Basics
Typography
Size and Shape
Color and Opacity
Alignment and Spacing
Tailwind Forms
Retro Designs: Font Styling
The Box
Box
Padding and Margins
Borders
Background Style
Gradients
Background Images
Image Features
Retro Designs: The Box
Quiz Yourself on Typography and Box
Page Layout
Layout Features
Tables
Grids
Span
Flexbox
Order and Wrap
Box Alignment
Retro Designs: Page Layout
Quiz Yourself on Page Layout
Animation
Simple Animations
Animation Properties
Retro Designs: Animation
Quiz Yourself on Animation
Responsive Design
Tailwind Screen Widths and Breakpoints
Hide Based on Size
Flex on Larger Devices
Quiz Yourself on Responsive Design
Customizing Tailwind
Customizing and Configuration File Basics
Screen Width
Default Color
Spacing
Change Generated Classes
A Tour of the Prefixes
Declaring Variants
Access Tailwind from JavaScript
Purge CSS
Quiz Yourself on Customizing Tailwind
Conclusion
What's Next?
Congratulations
Appendix
Installing Tailwind
Typography Plug-in
Modern CSS with Tailwind
/
...
/
Congratulations
Congratulations
You are all set to build awesome applications.
We'll cover the following...
Course completed!
Final thoughts
Course completed!
...