From d5a9775292f6505a806eb3ab83e0f6b12b9ae742 Mon Sep 17 00:00:00 2001 From: powellian Date: Mon, 28 Aug 2017 20:01:44 +0100 Subject: [PATCH] Update flexbox-utilities.md Just a couple of small typos, hope it helps. --- docs/pages/flexbox-utilities.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) 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) -- 2.47.2