Yoga Docs: Rename website-next to website (#1613)

Summary:
Pull Request resolved: https://github.com/facebook/yoga/pull/1613

So that GitHub links to edit a page point to the right place.

This will fail in OSS build until I switch the directory used by Vercel instance, but I am waiting to do that until ready to land, since that would cause other in progress changes to fail when exported.

Reviewed By: joevilches

Differential Revision: D54837857

fbshipit-source-id: 9bec90232dbe3ec8638568685671185d597fcf2d

website/docs/styling/flex-direction.mdx

@@ -0,0 +1,37 @@
+---
+sidebar_position: 6
+---
+
+import Playground from '@site/src/components/Playground';
+
+# Flex Direction
+
+Flex direction controls the direction in which children of a node are laid out.
+This is also referred to as the main axis. The main axis is the direction in
+which children are laid out. The cross axis is the axis perpendicular to the
+main axis, or the axis which wrapping lines are laid out in.
+
+**Column (default)**: Align children from top to bottom. If [wrapping](/docs/styling/flex-wrap) is enabled then
+the next line will start to the left first item on the top of the container.
+
+**Row**: Align children from left to right. If [wrapping](/docs/styling/flex-wrap) is enabled then
+the next line will start under the first item on the left of the container.
+
+**Row reverse**: Align children from right to left. If [wrapping](/docs/styling/flex-wrap) is enabled then
+the next line will start under the first item on the right of the container.
+
+**Column reverse**: Align children from bottom to top. If [wrapping](/docs/styling/flex-wrap) is enabled then
+the next line will start to the left first item on the bottom of the container.
+
+<Playground code={`<Layout config={{useWebDefaults: false}}>
+  <Node
+    style={{
+      width: 200,
+      height: 200,
+      padding: 10,
+      flexDirection: 'column',
+    }}>
+    <Node style={{margin: 5, height: 50, width: 50}} />
+    <Node style={{margin: 5, height: 50, width: 50}} />
+  </Node>
+</Layout>`} />