From the course: Build Modern Web Apps with React, Hooks, State Management, and APIs Using Vite or Next.js

Unlock this course with a free trial

Join today to access over 25,200 courses taught by industry experts.

Core concepts and theming with tailwind.config.js

Core concepts and theming with tailwind.config.js

From the course: Build Modern Web Apps with React, Hooks, State Management, and APIs Using Vite or Next.js

Start my 1-month free trial Buy for my team

Core concepts and theming with tailwind.config.js

“

Welcome back. Let's discuss core concepts and utility classes of Tailwind. Tailwind provides predefined utility classes for us. They are segregated in different order. Like for layout, you can have flex, grid, and item center. If you don't know Flex and Flexbox or Grid related CSS concepts, I would recommend that you first do some of the crash course so you will be able to understand these classes better because Tailwind has made everything easier for you. You just should be applying classes and you should know that behind a class what should actually be applying. You can design your layout based on flex, grid, or you can define justify center, items aligning center, etc. You can always go to the documentation and see the core concept-based classes. For example, if we go over here, it's defining that what classes for hovering and effect we can be using. It also has these examples being set up for you. Similarly, we have spacing base classes, which has P4, which will be applying…

Contents