Course Curriculum
| Introduction & Overview |
|
Introduction to TailwindCSS |
|
00:03:00 |
|
Overview of TailwindCSS |
|
00:04:00 |
| Installation of TailwindCSS |
|
Installation of npm and TailwindCSS |
|
00:03:00 |
|
Why use Tailwind CSS? |
|
00:03:00 |
| Typography |
|
Margin and Padding |
|
00:04:00 |
|
Width and Height |
|
00:05:00 |
|
Font Size |
|
00:02:00 |
|
Font weight and style |
|
00:02:00 |
|
Line spacing in TailwindCSS |
|
00:03:00 |
|
Text Capitalize & Text Overflow in TailwindCSS |
|
00:02:00 |
|
Text Decoration in TailwindCSS |
|
00:03:00 |
|
Background in TailwindCSS |
|
00:04:00 |
| Border in TailwindCSS |
|
Borders in TailwindCSS |
|
00:02:00 |
|
Border Radius in TailwindCSS |
|
00:02:00 |
|
Divider in TailwindCSS |
|
00:02:00 |
|
Outline in TailwindCSS |
|
00:02:00 |
|
Opacity and Box-Shadow |
|
00:03:00 |
| Layout |
|
Flexbox with TailwindCSS |
|
00:09:00 |
|
Designing with Tailwind CSS: Hover, Focus, and Active Styles |
|
00:04:00 |
|
Boost your Productivity with Tailwind CSS: Apply Directive |
|
00:02:00 |
| Project |
|
Mini Project |
|
00:06:00 |
| Final Project |
|
Final Project in TailwindCSS |
|
00:22:00 |