1.0 KiB
1.0 KiB
title |
---|
Flexbox Direction |
Flexbox Direction
Now that you know what flexbox is, it's time to move on to how you can arrange content within a flex container. You can set this via flex-direction
There are 4 ways to set the flex direction
- Row
The flex direction is set to row by default. This arranges all your content in a single row without margins.
- Row-reverse
This reverses your content in the opposite direction. Originally it was going from left to right, now it's going right to left.
- column
This arranges your content in a single column from top to bottom.
- column-reverse
This arranges your content in a single column from bottom to top.