Skip to content

Commit

Permalink
Flexbox: correct example description (facebook#3284)
Browse files Browse the repository at this point in the history
  • Loading branch information
EvertEt committed Sep 6, 2022
1 parent 04250d6 commit 0de9633
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion docs/flexbox.md
Expand Up @@ -16,7 +16,7 @@ The defaults are different, with `flexDirection` defaulting to `column` instead

[`flex`](layout-props#flex) will define how your items are going to **“fill”** over the available space along your main axis. Space will be divided according to each element's flex property.

In the following example, the red, yellow, and green views are all children in the container view that has `flex: 1` set. The red view uses `flex: 1` , the yellow view uses `flex: 2`, and the green view uses `flex: 3` . **1+2+3 = 6**, which means that the red view will get `1/6` of the space, the yellow `2/6` of the space, and the green `3/6` of the space.
In the following example, the red, orange, and green views are all children in the container view that has `flex: 1` set. The red view uses `flex: 1` , the orange view uses `flex: 2`, and the green view uses `flex: 3` . **1+2+3 = 6**, which means that the red view will get `1/6` of the space, the orange `2/6` of the space, and the green `3/6` of the space.

```SnackPlayer name=Flex%20Example
import React from "react";
Expand Down

0 comments on commit 0de9633

Please sign in to comment.