Tailwind CSS is a utility-first framework for
rapidly building custom designs. This tutorial will teach your Tailwind from scratch, using a mix of lectures and interactive coding challenges.
Overview
Syllabus
- Learn Tailwind CSS
- 1. Welcome to the Tailwind CSS course
- 2. Background Classes & Shades
- 3. Frontend Career Path
- 4. Element Sizing & Tailwind's Numbering System
- 5. Shades of Blue Challenge
- 6. Padding & Margins
- 7. Styling Text Part 1
- 8. Styling Text Part 2
- 9. Text Styling
- 10. Borders
- 11. The Buttons Challenge
- 12. Display Modes
- 13. Flexbox
- 14. Block Gallery Challenge
- 15. Responsive Design
- 16. Hover Modifier
- 17. Focus Modifier
- 18. Combination Modifier
- 19. Other Utilities
- 20. Input Component Challenge
- 21. Employee Card Challenge
- 22. Final Course Project - Landing Page
- 23. It's A Wrap!
- 24. Congratulations on Completing Learn Tailwind CSS for Free 😃
