From: powellian Date: Mon, 28 Aug 2017 19:01:44 +0000 (+0100) Subject: Update flexbox-utilities.md X-Git-Tag: v6.4.4-rc1~2^2~15^2 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F10592%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git Update flexbox-utilities.md Just a couple of small typos, hope it helps. --- diff --git a/docs/pages/flexbox-utilities.md b/docs/pages/flexbox-utilities.md index db46e8a4f..0f59e5db7 100644 --- a/docs/pages/flexbox-utilities.md +++ b/docs/pages/flexbox-utilities.md @@ -15,7 +15,7 @@ Flexbox makes horizontal and vertical alignment painless, through the CSS proper To understand how these classes work, you need to understand the parent-child relationship created with flexbox. An element with `display: flex` is a *flex parent*, and can horizontally or vertically align its children. All immediate children of the flex parent are *flex children*. A flex child can vertically align itself.
-

In the below examples we are using [XY Grid](xy-grid.html) classes instead of [Legacy Flex Grid's](flex-grid.html) row and column. These examples will works for row and column but then again the Legacy Flex Grid will be depreciated from Foundation 7 so we recommend to use XY Grid.

+

In the below examples we are using [XY Grid](xy-grid.html) classes instead of [Legacy Flex Grid's](flex-grid.html) row and column. These examples will work for row and column but then again the Legacy Flex Grid will be deprecated from Foundation 7 so we recommend to use XY Grid.

Here's a basic example: when using the grid, a `grid-x` or `grid-y` is a flex parent, and a `cell` is a flex child. Use `grid-margin-x` or `grid-padding-x` for adding [gutters](xy-grid.html#gutters)