Flex-Direction Property Explained with Code Examples Flexbox CSS Tutorial
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: • CSS Flexbox Tutorials for Beginners P...
On this page of the site you can watch the video online Flex-Direction Property Explained with Code Examples Flexbox CSS Tutorial with a duration of hours minute second in good quality, which was uploaded by the user Java made Simple 27 May 2017, share the link with friends and acquaintances, this video has already been watched 654 times on youtube and it was liked by 15 viewers. Enjoy your viewing!
