Flex-Direction Property Explained with Code Examples Flexbox CSS Tutorial

Publicado el: 27 mayo 2017
en el canal de: Java made Simple
654
15

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


En esta página del sitio puede ver el video en línea Flex-Direction Property Explained with Code Examples Flexbox CSS Tutorial de Duración hora minuto segunda en buena calidad , que subió el usuario Java made Simple 27 mayo 2017, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 654 veces y le gustó 15 a los espectadores. Disfruta viendo!