Video is ready, Click Here to View ×


Flexbox CSS Tutorial: Flex-Direction Property with Code Examples – In this Flexbox CSS Tutorial, I will show you a code example that demonstrates what happens when you set the flex-direction property of the flex container to different values.

The flex-direction property can be set to row, row-reverse, column, or column-reverse. Flex-direction sets the direction of the main axis either horizontal or vertical and specifies how flex items will be laid out.

Flex-direction set to row has a horizontal main axis going from left to right.
Flex-direction set to row-reverse has a horizontal main axis going from right to left.
Flex-direction set to column has a vertical axis going from top to bottom.
Flex-direction set to column-reverse has a vertical axis going from bottom to top.

Thank you for watching this Flexbox tutorial, and please subscribe to Bootstrap CSS Girl.

CSS Flexbox Tutorials Playlist: https://www.youtube.com/playlist?list=PLcuSDvYLZy6ybSAcP6vvggLI3c5NkLub-