From the course: Tailwind CSS Essential Training

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Flexbox

Flexbox - CSS Tutorial

From the course: Tailwind CSS Essential Training

Start my 1-month free trial

Flexbox

- [Instructor] One of the ways that you can choose to organize your layouts is by using Flexbox properties. And of course, Tailwind gives you a full compliment of them. So the way that you can specify the direction that Flexbox operates in is by using a set of flex classes. So you always have to add a flex class and then you can add a direction with different options. So you can say, I want this group of items to behave as individual rows or individual columns and then you can also choose to reverse the direction. So instead of printing them right to the left you can go left to right. So let's take a look at some of these examples. So for example, you can see here flex-row just positions the item next to each other. Flex-row-reverse does the same thing but they're now in reverse order so right to the left as opposed to left to right. The numbers are reversed and also the orientation. The alignment is actually reverse. So I…

Contents