fix(guide): simplify directory structure

guide/english/css/layout/flexbox/flexbox-direction/index.md

@@ -0,0 +1,36 @@
+---
+title: Flexbox Direction
+---
+## Flexbox Direction
+Now that you know what flexbox is, it's time to move on to how you can arrange content within a flex container. You can set this via <i>flex-direction</i>
+
+There are 4 ways to set the flex direction
+
+1. Row
+
+<img src = "https://css-tricks.com/wp-content/uploads/2013/04/flex-direction2.svg">
+
+The flex direction is set to row by default. This arranges all your content in a single row <b>without margins<b>. 
+
+2. Row-reverse
+
+<img src = "https://i-msdn.sec.s-msft.com/dynimg/IC681588.png">
+
+This reverses your content in the opposite direction. Originally it was going from left to right, now it's going right to left.
+
+3. column
+
+<img src = "https://i-msdn.sec.s-msft.com/dynimg/IC681589.png">
+
+This arranges your content in a single column from top to bottom. 
+
+4. column-reverse
+
+
+
+This arranges your content in a single column from bottom to top. 
+
+
+
+#### More Information:
+<!-- Please add any articles you think might be helpful to read before writing the article -->