Fix frame grid examples with new approach to vertical auto

diff --git a/docs/pages/xy-grid.md b/docs/pages/xy-grid.md
index 2facc08beaf1379582eb6c16b97531db6c731862..4f0ac3796d26faf2895d1cc51ebfd632e85a8962 100644 (file)
--- a/docs/pages/xy-grid.md
+++ b/docs/pages/xy-grid.md
@@ -230,7 +230,7 @@ Here's an example of what you can do:
 
 ```html_example
 <div class="grid-y medium-grid-frame">
-  <div class="cell shrink header cell-block-container">
+  <div class="cell shrink header medium-cell-block-container">
     <h1>Grid Frame Header</h1>
     <div class="grid-x grid-padding-x">
       <div class="cell medium-4">
@@ -244,7 +244,7 @@ Here's an example of what you can do:
       </div>
     </div>
   </div>
-  <div class="cell auto cell-block-container">
+  <div class="cell medium-auto medium-cell-block-container">
     <div class="grid-x grid-padding-x">
       <div class="cell medium-4 medium-cell-block-y">
         <h2>Independent scrolling sidebar</h2>

diff --git a/test/visual/xy-grid/frame-grid.html b/test/visual/xy-grid/frame-grid.html
index fa862d0163a508e4cc73dada0e12815c5df7bac0..c370e00cdddba8bde2d47ea270a81086bd507901 100644 (file)
--- a/test/visual/xy-grid/frame-grid.html
+++ b/test/visual/xy-grid/frame-grid.html
@@ -40,7 +40,7 @@
           </div>
         </div>
       </div>
-      <div class="cell auto medium-cell-block-container">
+      <div class="cell medium-auto medium-cell-block-container">
         <div class="grid-x grid-padding-x">
           <div class="cell medium-4 medium-cell-block-y">
             <h2>Independent scrolling sidebar</h2>