From: Chris Date: Sat, 16 Jun 2018 08:17:02 +0000 (+0200) Subject: Use pull request #11280 from ncoden/docs/clarify-xy-grid-frame-example for v6.5.0 X-Git-Tag: v6.5.0-rc.1^2~26 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=4ff433ba5bf0eb9e70d4359bdac41ca853c83a39;p=thirdparty%2Ffoundation%2Ffoundation-sites.git Use pull request #11280 from ncoden/docs/clarify-xy-grid-frame-example for v6.5.0 887b83fbe docs: clarify usage of body overflow in XY Grid grid-frame example Signed-off-by: Nicolas Coden --- diff --git a/docs/pages/xy-grid.md b/docs/pages/xy-grid.md index 4d7b63050..544782748 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: