From 887b83fbe1abb76a5e3c39a05b791a1ee0e611fa Mon Sep 17 00:00:00 2001 From: Chris Date: Wed, 16 May 2018 16:53:11 -0400 Subject: [PATCH] docs: clarify usage of body overflow in XY Grid grid-frame example See [comment](https://github.com/zurb/foundation-sites/issues/11191#issuecomment-389658664). --- docs/pages/xy-grid.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/pages/xy-grid.md b/docs/pages/xy-grid.md index c5db80c54..13a2aa165 100644 --- a/docs/pages/xy-grid.md +++ b/docs/pages/xy-grid.md @@ -303,7 +303,7 @@ The XY grid incorporates the grid frame from Foundation for Apps plus many other To start, add `.grid-frame` to the grid. This sets the grid to be 100vh (the full height of the browser window).
- Please note to use `.grid-margin-x` or `.grid-margin-y` with `.grid-frame` you need to hide the overflow on the body like so: `body {overflow: hidden;}`. + Please note that to use `.grid-margin-x` or `.grid-margin-y` with `.grid-frame` you need to hide the overflow on the body like so: `body {overflow: hidden;}`. However, take care not to unintentionally hide overflow body content on small screens when using `.medium-grid-frame`.
Here's an example of what you can do: -- 2.47.2