From the course: Tailwind CSS Essential Training
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Grids
- [Instructor] Tailwind has a full compliment of classes to help you manage grid layouts, is the other way that we lay things out in modern HTML. So let's take a look at how this works. So first off to create a grid, you can control up to a 12 column grid using grid containers. So you define something called grid rows and then you add an amount from one to 12 or the keyword none, and then you can use these also with responsive variants if you want to. So let's check this out. All right, so you can see that we have specified here, let's open this up, that we want to use a three column grid. Actually, I have responsive variants here, so that depending on the width of the items it's going to try to have, by default, it's going to be three columns, which you can see right here. When we get to a small grid size, it's actually going to stay three columns here. When we get to a medium grid size or a medium window size it's…
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.