gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Files
e880eda783b51f985b01a76b150ae7ada1830f6f
freeCodeCamp/guide/english/css/layout/flexbox/flexbox-direction/index.md
Mrugesh Mohapatra da0df12ab7 fix(guide): simplify directory structure
2018-10-16 21:32:40 +05:30

1.0 KiB
Raw Blame History

title
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: