Flex-Direction Property Explained with Illustrations Flexbox CSS Tutorial

Pubblicato il: 20 maggio 2017
sul canale di: Java made Simple
621
10

CSS Flexbox Tutorial Flex-Direction: In this Flexbox tutorial, I provide a brief introduction to flexbox, and then discuss the flex-direction property of flex containers. To create a flex container. First set the display property to flex. Then add the flex-direction property which may be either row, row-reverse, column, or column-reverse. By default, it will be row. In this tutorial, you will learn about all of the options for flex-direction and how the flex items will flow along the main axis. The axis perpendicular to the main axis is called the cross axis. The main axis is horizontal when you set flex-direction to row or row-reverse. The main axis is vertical when you set flex-direction to column or column-reverse.

Thank you for viewing my tutorial. I hope this helps you understand flex-direction. Please like my Flexbox tutorial if it has helped you, and please subscribe to my channel Bootstrap CSS Girl.


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