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

(True or False) The Tailwind system generates a set of utility CSS classes based on Tailwind utility.


(True or False) The Tailwind system generates a set of utility CSS classes based on Tailwind utility.

`.text-{size}` is an attribute of which of the following?

<code>.text-{size}</code> is an attribute of which of the following?

Which definitions does the @tailwind components file consist of?

Which definitions does the @tailwind components file consist of?

We can use the prefixes in conjunction with_____.


We can use the prefixes in conjunction with_____.

**(True or False)** We don’t need to name custom CSS classes when using Tailwind.


(True or False) We don’t need to name custom CSS classes when using Tailwind.

Quiz yourself on the basic concepts of Tailwind classes.

Introduction

Getting Started with Tailwind

Tailwind Basics

Typography

The Box

Page Layout

Animation

Responsive Design

Customizing Tailwind

Conclusion

Appendix

Quiz Yourself on Tailwind Basics