Flex-Direction Property Explained with Illustrations Flexbox CSS Tutorial

Publié le: 20 mai 2017
sur la chaîne: 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.


Sur cette page du site, vous pouvez voir la vidéo en ligne Flex-Direction Property Explained with Illustrations Flexbox CSS Tutorial durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Java made Simple 20 mai 2017, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 621 fois et il a aimé 10 téléspectateurs. Bon visionnage!