Tailwind CSS Tutorial With Next JS 13 For Beginners (2023)
Indian Coders Indian Coders
16K subscribers
12,321 views
228

 Published On Premiered May 4, 2023

🚀 The Tailwind CSS Tutorial For Beginners

Learn how to use Tailwind CSS, the popular utility-first CSS framework, to create responsive and customizable user interfaces in this comprehensive tutorial. From installation to customization, we'll cover everything you need to know about using Tailwind CSS in your web projects. Discover the core concepts of utility classes, responsive design, and more as we guide you through the fundamentals of this powerful framework. With our step-by-step instructions, you'll be able to streamline your workflow and design stunning interfaces with ease. Join us on this journey and take your web development skills to the next level with Tailwind CSS!

Timestamps:
0:00 Introduction To Course
0:49 Intro to Channel
1:20 What is Tailwind CSS? A Complete Overview
3:46 Tailwind Vs Material UI
5:17 Creating Tailwind Project With Next JS 13
14:06 What exactly are Utility Classes?
17:54 How does the Tailwind CSS Works?
21:00 Building Header with Tailwind
31:36 Hover, Focus, Other States
41:07 Building About Us Page

-----------------Advanced Tailwind----------------------

52:08 Advanced Tailwind Customizations
52:35 Defining Custom Font With `layer directives`
1:00:18 Customizing Tailwind Theme
1:03:08 Using Arbitary Values
1:05:06 Responsive Design

#tailwindcss #tailwind #reactjs #css

show more

Share/Embed