fixes collapse example using old panel class

diff --git a/docs/pages/grid.md b/docs/pages/grid.md
index ce91dc2a80ae0b1c0ad20cfdab52f84453057e7a..da1c473117f8494a20ff8d1e7e61ef1aed7761e6 100644 (file)
--- a/docs/pages/grid.md
+++ b/docs/pages/grid.md
@@ -287,13 +287,13 @@ 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="panel">
+    <div class="callout secondary">
       <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>
     </div>
   </div>
   <div class="small-6 columns">
-    <div class="panel">
+    <div class="callout secondary">
       <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>
     </div>