Master Tailwind Css With Next Js In 1 Hour

Want to learn the basics of tailwind css with Next JS fast enough? This course is for you
What you'll learn
Tailwind CSS basics
Flexbox with Tailwind
Set up Tailwind CSS with Next JS
Using Tailwind in VS Code
How to customize Tailwind
Requirements
Basic knowledge of HTML/CSS
Basic knowledge of Next JS
Description
In this course, you will learn hpw to set up and use Tailwind CSS with Next jsTailwind CSS is a utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup.This course will allow you to create a tailor-made responsive design to create simple and modern web applications. It is advisable to have a minimum knowledge of HTML & CSS as well as React to fully understand this courseBy learning to master Next JS and Tailwind CSS, you will take a leap forward in the world of web development. Indeed, more and more companies are using these technologies especially in the Web3 world.Save your time by taking this courseWhy you should take this course :This course is ideal if you want to improve with your skills in web developmentYou'll learn tailwind css basics in 1 hourTailwind CSS makes it quicker to write and maintain the code of your application. By using this utility-first framework, you don't have to write custom CSS to style your applicationThe notions that we see in this course can be used on many projects ( portfociol, ecom website, web3, ... )The benefits of Next JS framework are numerous, both for our clients' applications as well as for our development team.Who this course is for :Anyone who wants to be better at web developmentFor those who want to learn new thingsHope i'll see you in this course !Join us now!
Overview
Section 1: Introduction
Lecture 1 Introduction
Lecture 2 What i'll use
Section 2: Let's start
Lecture 3 Create the project & add Tailwind CSS
Lecture 4 Check if everything is working
Section 3: Basics
Lecture 5 Custom fonts & color
Lecture 6 Width, height & background
Lecture 7 Margin, padding & borders
Lecture 8 Hover effect & focus
Lecture 9 Flexbox
Lecture 10 @apply Directive
Lecture 11 Responsive Design
Section 4: Mini project
Lecture 12 Let's Go !
Section 5: Thanks
Lecture 13 Thank you
Beginner React Developer
Screenshots

#