Skip to content

Commit 6464f87

Browse files
committed
Update README
1 parent 3881c72 commit 6464f87

File tree

1 file changed

+6
-5
lines changed

1 file changed

+6
-5
lines changed

README.md

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,10 @@ SUIT CSS flexbox utilities
1212

1313
## Available classes
1414

15+
**`flex-container`**
16+
17+
* `u-flex` - Set `display: flex`
18+
1519
**`flex-direction`**
1620

1721
* `u-flexRow` - Displays items in a row
@@ -91,11 +95,6 @@ breakpoints can be configured using `@custom-media`. For example:
9195

9296
## Usage
9397

94-
### Applying `display: flex;`
95-
96-
The `flex` utilities are designed to be used where the `display: flex` property
97-
is already set, for example by [`Grid`](https://github.com/suitcss/components-grid) or [`utils-display`](https://github.com/suitcss/utils-display).
98-
9998
### Centring an element in its container
10099

101100
``` html
@@ -106,6 +105,8 @@ is already set, for example by [`Grid`](https://github.com/suitcss/components-gr
106105

107106
### Usage with [`Grid`](https://github.com/suitcss/components-grid)
108107

108+
Note: The `Grid` component already sets `display: flex` on the root element.
109+
109110
``` html
110111
<div class="Grid Grid--alignBottom">
111112
<div class="Grid-cell u-size1of3 u-md-flexAlignSelfCenter">Content</div>

0 commit comments

Comments
 (0)