greatbody
/
freeCodeCamp
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
freeCodeCamp/guide/english/css/layout/flexbox/flexbox-direction/index.md

1.0 KiB
Raw Blame History

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

  1. Row

The flex direction is set to row by default. This arranges all your content in a single row without margins.

  1. 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.

  1. column

This arranges your content in a single column from top to bottom.

  1. column-reverse

This arranges your content in a single column from bottom to top.

More Information: