Tailwind CSS tutorial for beginners | Build 6 projects - Tailwind CSS Course

Tailwind CSS Tutorial
In this video you'll learn all the necessary things you need to know to become a pro Tailwind CSS ninja. I will work you through all the basics of Tailwind CSS and website structuring using the Tailwind CSS. At the end of the day we'll build 6 real life projects which includes;
-- Hero section
-- Single product page
-- Featured products section
-- Featured posts section
-- Featured categories section
-- Portfolio website with home and blog page

You'll also learn how to deploy your project to cPanel, Github, Netlify, and Vercel all for free.

-- IMPORTANT LINKS --
https://github.com/mosesmed/tailwind-css-mastery
https://iconify.design/
https://tailwindcss.com/docs/installation
https://code.visualstudio.com/download
https://nodejs.org/en/download/

-- PEREQUISITE --
Basic understanding of Html and CSS is needed

-- TIMELINE --
00:00 Introduction
02:32 Why Tailwind CSS
08:21 Env Setup
16:52 Utility First Design
23:30 Colors
39:39 Margin and Padding
01:00:06 Typography
01:20:25 Text Decoration
01:33:03 Height and Width
01:48:33 Position
02:13:13 Background Image
02:25:42 Border and Outline
02:28:58 Media Query
02:45:03 Interactive Design
02:58:13 Transform and Transition
03:11:22 Flex
03:26:58 Grid
03:31:17 CLI Installation
03:45:05 Functions and Directives
04:01:04 Project Introduction
04:02:11 Project I
04:43:47 Project II
05:32:35 Project III
06:10:46 Project IV
06:43:37 Project V
07:12:31 Project VI
09:54:55 Deploy to cPanel
10:00:53 Deploy to Github, Netlify, Vercel
10:16:27 The End

#tailwindcss #tailwind #cssframework #css