All Tutorials

Tailwind CSS : Build 2 Advanced Projects

Using a project-based approach, learn to transform Figma designs to Tailwind CSS websites and understand the newest Tailwind CSS v.3.

What you’ll learn

The Tailwind CSS may be customized and configured.
Tailwind CSS allows you to create ultra-responsive designs (RWD).
Write production-ready code that is optimized and performant.
Use the Dark and Light modes to your advantage.
Duplication control and the creation of reusable styles
Using Tailwind CSS, you can turn your Figma design into a real website.

Requirements

HTML and CSS fundamentals

Description

Tailwind CSS is a highly adaptable CSS framework that you can use in your HTML directly. No more cumbersome CSS. It was built with customization in mind from the start.

In this course, I’ll study the newest Tailwind CSS in a project-based manner. Together, we’ll create two stunning, production-ready websites. We’ll go over the fundamentals as well as some more advanced ideas and approaches for achieving our goals. In these projects, we will not only look at typical designs (such as cards, buttons, and form inputs), but we will also look at how to create really outstanding designs.

When required, I will update this course on a regular basis.

What Have You Discovered?

Personalize and configure Tailwind CSS.
Use Tailwind CSS to create responsive designs (RWD).
Switch between the dark and light modes.
Managing redundancy and developing reusable styles
You won’t be restricted to the pre-defined styles; instead, you’ll learn how to develop and customize your own presets.
Recognize the functional differences between Tailwind CSS and other CSS frameworks such as Bootstrap.

Who this course is for:

For those who have never used Tailwind CSS before,
I already know Tailwind CSS for frontend and backend devs, but want to learn more and create projects.
Anyone interested in learning and using Tailwind CSS.