flex-direaction-column
1
2
3
<--add a display and flex class to body tag-->
+ <body class="display flex">
<div class="v-d-flex v-direction-column" >
<div>
1
</div>
<div>
2
</div>
<div>
3
</div>
</div>
flex-direction-column version
flex-direaction-row
1
2
3
<--add a display and flex class to body tag-->
+ <body class="display flex">
<div class="v-d-flex v-direction-row" >
<div>
1
</div>
<div>
2
</div>
<div>
3
</div>
</div>
flex-direction-row version
flex-direaction-row-reverse
1
2
3
<--add a display and flex class to body tag-->
+ <body class="display flex">
<div class="v-d-flex v-direction-column" >
<div>
1
</div>
<div>
2
</div>
<div>
3
</div>
</div>
flex-direction-row-reserve version