Diversify margin-grid testcases slightly

diff --git a/test/visual/xy-grid/margin-grid.html b/test/visual/xy-grid/margin-grid.html
index 333513ab4494cac93afbcc8eb8d1508219c766e8..53be45209563457c95124fbbdd5d781c9780ae6d 100644 (file)
--- a/test/visual/xy-grid/margin-grid.html
+++ b/test/visual/xy-grid/margin-grid.html
@@ -31,9 +31,9 @@
     <h2>Sizing Classes</h2>
 
     <div class="grid-x grid-margin-x">
-      <div class="cell medium-12"><div class="demo">12</div></div>
-      <div class="cell medium-11"><div class="demo">11</div></div>
-      <div class="cell medium-1"><div class="demo">1</div></div>
+      <div class="cell medium-12"><div class="demo">12/12</div></div>
+      <div class="cell medium-11 large-7"><div class="demo">12/11/7</div></div>
+      <div class="cell medium-1 large-5" ><div class="demo">12/1/5</div></div>
       <div class="cell medium-10"><div class="demo">10</div></div>
       <div class="cell medium-2"><div class="demo">2</div></div>
       <div class="cell medium-9"><div class="demo">9</div></div>
@@ -46,6 +46,14 @@
       <div class="cell medium-4"><div class="demo">4</div></div>
     </div>
 
+    <h2>Sizing Classes</h2>
+
+    <div class="grid-x grid-margin-x">
+      <div class="cell small-4"><div class="demo">4</div></div>
+      <div class="cell small-4"><div class="demo">4</div></div>
+      <div class="cell small-4"><div class="demo">4</div></div>
+    </div>
+
     <h2>Nesting</h2>
 
     <div class="grid-x grid-margin-x">