Gain insights into industry best practices for designing web pages with Tailwind CSS. Explore typography, box models, and master layouts using flexbox and grids effectively.

docker.tar.gz

QS_Tailwind

Apply_tailwind

This course examines and explains industry best practices to design web pages using Tailwind CSS. We’ll start with the typography of individual elements, and then we’ll get to “the box”—the rectangle of space each element takes up on a web page and how to manipulate it. Once we have our elements in boxes, we’ll take a look at the page layout using flexbox and grids.

Modern CSS with Tailwind

Which plug-in can be added to allow new behaviors in Tailwind?”


Which plug-in can be added to allow new behaviors in Tailwind?”

How many colors are provided by Tailwind?

How many colors are provided by Tailwind?

Which Tailwind prefix applies if the user has enabled reduced motion on the system?


Which Tailwind prefix applies if the user has enabled reduced motion on the system?

If we want to specify the breakpoint differently, which of the following objects can also pass?

If we want to specify the breakpoint differently, which of the following objects can also pass?

Test your understanding of customizing Tailwind.


Introduction

Getting Started with Tailwind

Tailwind Basics

Typography

The Box

Page Layout

Animation

Responsive Design

Customizing Tailwind

Conclusion

Appendix

Quiz Yourself on Customizing Tailwind