Building Complex and Flexible Layouts with Tailwind’s Grid Utilities
Learn how to build complex and flexible layouts with grid utilities.
We'll cover the following
Previously, we covered the basic concepts of the Tailwind framework and how to use it to build simple designs. We then expanded this knowledge by learning how we can build reusable components and responsive designs. In this lesson, we’ll build several grid layouts similar to a magazine or news site. To do that, we’ll use Tailwind’s grid utilities.
We’ll extend what we’ve learned with more advanced layout-building and design-enhancement techniques, including creating and using:
Grid layouts
Drop caps
Gradients
Image clipping
Image filters
Transforms and transitions
We’ll start with several grid layouts, and then we’ll build a full article layout.
Get hands-on with 1200+ tech skills courses.