Flex-Direction Property Explained with Code Examples Flexbox CSS Tutorial

Pubblicato il: 27 maggio 2017
sul canale di: Java made Simple

654

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

In questa pagina del sito puoi guardare il video online Flex-Direction Property Explained with Code Examples Flexbox CSS Tutorial della durata di ore minuti seconda in buona qualità , che l'utente ha caricato Java made Simple 27 maggio 2017, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 654 volte e gli è piaciuto 15 spettatori. Buona visione!