From 572f525734f58aa36ce1a681f079c14a30eba617 Mon Sep 17 00:00:00 2001
From: Erfan Zekri Esfahani <40582518+eze1376@users.noreply.github.com>
Date: Mon, 3 Oct 2022 18:48:30 -0700
Subject: [PATCH] Update flex.md (#1118)

Summary:
correct sections' order in order to match header in alphabetical order

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

Reviewed By: yungsters

Differential Revision: D40026297

Pulled By: yungsters

fbshipit-source-id: d28d41d69eb3a99fab9536cc79057c617cf0e2df
---
 website/contents/properties/flex.md | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/website/contents/properties/flex.md b/website/contents/properties/flex.md
index 80ed4a5b..764d84bd 100644
--- a/website/contents/properties/flex.md
+++ b/website/contents/properties/flex.md
@@ -6,6 +6,15 @@ hasPlayground: true
 
 ## Flex Basis, Grow, and Shrink
 
+**FLEX BASIS** is an axis-independent way of providing the default size of an item
+along the main axis. Setting the flex basis of a child is similar to setting the `width` of that
+child if its parent is a container with `flex direction: row` or setting the `height` of a child
+if its parent is a container with `flex direction: column`. The flex basis of an item is the
+default size of that item, the size of the item before any flex grow and flex shrink
+calculations are performed.
+
+<controls prop="flexBasis"></controls>
+
 **FLEX GROW** describes how any space within a container should be distributed
 among its children along the main axis. After laying out its children, a container will
 distribute any remaining space according to the flex grow values specified by its children.
@@ -25,12 +34,3 @@ Flex shrink accepts any floating point value >= 0, with 1 being the default valu
 A container will shrink its children weighted by the child’s flex shrink value.
 
 <controls prop="flexShrink"></controls>
-
-**FLEX BASIS** is an axis-independent way of providing the default size of an item
-along the main axis. Setting the flex basis of a child is similar to setting the `width` of that
-child if its parent is a container with `flex direction: row` or setting the `height` of a child
-if its parent is a container with `flex direction: column`. The flex basis of an item is the
-default size of that item, the size of the item before any flex grow and flex shrink
-calculations are performed.
-
-<controls prop="flexBasis"></controls>