From 5cc8d4d9350bd3e13374b8064cc016c97967198b Mon Sep 17 00:00:00 2001
From: RafiBomb <rafi@zurb.com>
Date: Mon, 25 Jan 2016 16:05:27 -0800
Subject: [PATCH] fixes grid gutter docs example

---
 docs/pages/flex-grid.md | 6 ++++--
 docs/pages/grid.md      | 4 ++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/docs/pages/flex-grid.md b/docs/pages/flex-grid.md
index 338537dd5..3d4b235d5 100644
--- a/docs/pages/flex-grid.md
+++ b/docs/pages/flex-grid.md
@@ -252,14 +252,16 @@ There are times when you won't want each media query to be collapsed or uncollap
 <div class="row medium-uncollapse large-collapse">
   <div class="small-6 columns">
     <div class="callout secondary">
+      <p class="show-for-small-only">On a small screen, I have gutters!</p>
       <p class="show-for-medium-only">On a medium screen, I have gutters!</p>
-      <p class="show-for-large-up">On a large screen, I have no gutters!</p>
+      <p class="show-for-large">On a large screen, I have no gutters!</p>
     </div>
   </div>
   <div class="small-6 columns">
     <div class="callout secondary">
+      <p class="show-for-small-only">On a small screen, I have gutters!</p>
       <p class="show-for-medium-only">On a medium screen, I have gutters!</p>
-      <p class="show-for-large-up">On a large screen, I have no gutters!</p>
+      <p class="show-for-large">On a large screen, I have no gutters!</p>
     </div>
   </div>
 </div>
diff --git a/docs/pages/grid.md b/docs/pages/grid.md
index 8e4a92c2c..8fed89267 100644
--- a/docs/pages/grid.md
+++ b/docs/pages/grid.md
@@ -327,14 +327,14 @@ There are times when you won't want each media query to be collapsed or uncollap
     <div class="callout secondary">
       <p class="show-for-small-only">On a small screen, I have gutters!</p>
       <p class="show-for-medium-only">On a medium screen, I have gutters!</p>
-      <p class="show-for-large-up">On a large screen, I have no gutters!</p>
+      <p class="show-for-large">On a large screen, I have no gutters!</p>
     </div>
   </div>
   <div class="small-6 columns">
     <div class="callout secondary">
       <p class="show-for-small-only">On a small screen, I have gutters!</p>
       <p class="show-for-medium-only">On a medium screen, I have gutters!</p>
-      <p class="show-for-large-up">On a large screen, I have no gutters!</p>
+      <p class="show-for-large">On a large screen, I have no gutters!</p>
     </div>
   </div>
 </div>
-- 
2.47.2