# tailwindcss-from-zero-to-production

**Repository Path**: jaymii/tailwindcss-from-zero-to-production

## Basic Information

- **Project Name**: tailwindcss-from-zero-to-production
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-03-28
- **Last Updated**: 2021-11-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Tailwind CSS: From Zero to Production

This repository contains the source code for each lesson in the ["Tailwind CSS: From Zero to Production"](https://www.youtube.com/watch?v=elgqxmdVms8&list=PL5f_mz_zU5eXWYDXHUDOLBE0scnuJofO0&index=1) screencast series.


1. **Setting Up Tailwind CSS**<br>
[Screencast](https://www.youtube.com/watch?v=qYgogv4R8zg) &middot; [Source code](01-setting-up-tailwindcss)

2. **The Utility-First Workflow**<br>
[Screencast](https://www.youtube.com/watch?v=UvF56fPGVt4) &middot; [Source code](02-the-utility-first-workflow)

3. **Responsive Design**<br>
[Screencast](https://www.youtube.com/watch?v=hX1zUdj4Dw4) &middot; [Source code](03-responsive-design)

4. **Hover, Focus and Other States**<br>
[Screencast](https://www.youtube.com/watch?v=5_BPDve5-3M) &middot; [Source code](04-hover-focus-and-other-states)

5. **Composing Utilities with @apply**<br>
[Screencast](https://www.youtube.com/watch?v=TrftauE2Vyk) &middot; [Source code](05-composing-utilities-with-@apply)

6. **Extracting Reusable Components**<br>
[Screencast](https://www.youtube.com/watch?v=v-mkUxhaFVA) &middot; [Source code](06-extracting-reusable-components)

7. **Customizing Your Design System**<br>
[Screencast](https://www.youtube.com/watch?v=0l0Gx8gWPHk) &middot; [Source code](07-customizing-your-design-system)

8. **Optimizing for Production**<br>
[Screencast](https://www.youtube.com/watch?v=HZn2LtBT59w) &middot; [Source code](08-optimizing-for-production)