docs(grid): remove screen-breaking words

- the .small-1 classnames in each columns caused a horizontal scrollbar to appear
telus · Dec 15, 2017 · cfbea93 · cfbea93
1 parent 8ad34c4
commit cfbea93
Showing 1 changed file with 12 additions and 12 deletions.
diff --git a/docs/elements/grid.md b/docs/elements/grid.md
@@ -83,18 +83,18 @@ The `small-*` grid classes allow you to lay out all twelve columns in a variety
       <div class="small-12"><code>.small-12</code></div>
 	  </div>
   	<div class="grid-row">
-  	    <div class="small-1"><code>.small-1</code></div>
-  	    <div class="small-1"><code>.small-1</code></div>
-  	    <div class="small-1"><code>.small-1</code></div>
-  	    <div class="small-1"><code>.small-1</code></div>
-  	    <div class="small-1"><code>.small-1</code></div>
-  	    <div class="small-1"><code>.small-1</code></div>
-  	    <div class="small-1"><code>.small-1</code></div>
-  	    <div class="small-1"><code>.small-1</code></div>
-  	    <div class="small-1"><code>.small-1</code></div>
-  	    <div class="small-1"><code>.small-1</code></div>
-  	    <div class="small-1"><code>.small-1</code></div>
-  	    <div class="small-1"><code>.small-1</code></div>
+  	    <div class="small-1"><code>1</code></div>
+  	    <div class="small-1"><code>1</code></div>
+  	    <div class="small-1"><code>1</code></div>
+  	    <div class="small-1"><code>1</code></div>
+  	    <div class="small-1"><code>1</code></div>
+  	    <div class="small-1"><code>1</code></div>
+  	    <div class="small-1"><code>1</code></div>
+  	    <div class="small-1"><code>1</code></div>
+  	    <div class="small-1"><code>1</code></div>
+  	    <div class="small-1"><code>1</code></div>
+  	    <div class="small-1"><code>1</code></div>
+  	    <div class="small-1"><code>1</code></div>
   	</div>
   	<div class="grid-row">
   	    <div class="small-2"><code>.small-2</code></div>