TAILWIND CSS FOR BEGINNERS [Full Tutorial with Code]

In this video, you will learn how to work with Tailwind CSS, the highly popular CSS framework that allows you to create beautiful responsive web pages fast!
If you want to have access to my COMPLETE WEB DEVELOPMENT COURSE WITH MORE THAN 27 HOURS OF CONTENT, 170 videos and 8 real-life projects, follow the link below to get it with the maximum discount:
dawebschools.com/course/get-s...
In the complete version, you will learn 5 technologies in-depth: HTML, CSS, Javascript, jQuery & Vue JS.
Don't miss this chance!
Link to the finalized project:
github.com/Daweb-Schools/tail...
Tailwind Documentation:
tailwindcss.com/
Chapters:
00:00:00 Intro
00:01:21 Tailwind Installation
00:03:49 The CLI Build Process
00:05:07 Create Your Own Build Script
00:06:49 Setting Font Family, Size, Weight, and Color
00:08:36 Configuring Google Fonts
00:12:14 Margins and Paddings
00:13:38 Responsive Prefix for Medias Queries
00:17:04 Setting the Max-width of Elements
00:17:43 More About Font Sizes and Letter Spacing
00:19:28 Prose Max-width for Better Readability
00:20:34 Grids
00:22:22 Flexbox
00:22:46 Rounded Corners
00:23:18 Box-shadows
00:23:38 Image Dimensions and Object Fit
00:24:19 More About Flexbox
00:25:12 The Hover State Prefix
00:28:23 Using the "@apply" Directive to Inherit Styles
00:31:05 Setting the Space Between Flex Elements
00:32:49 The Final Project
#tailwindcss #frontend #css #html #webdevelopment