add grid list + center example

Author: ehanahamed

site/demo.html

@@ -296,6 +296,29 @@ <h2>Grid List Thingy</h2>
             <div class="box">Item 13</div>
             <div class="box">Item 14</div>
           </div>
+          <h2>Grid List & .flex.center-h & .center-v</h2>
+          <div class="grid list">
+            <div class="box">
+              <p>text</p>
+            </div>
+            <div class="box flex center-h">
+              <p>.center-h</p>
+            </div>
+            <div class="box">
+              <p>more</p>
+              <p>text</p>
+            </div>
+            <div class="box flex center-v">
+              <p>.center-v</p>
+            </div>
+            <div class="box flex center-h center-v">
+              <p>-v and -h</p>
+            </div>
+            <div class="box">
+              <p>example</p>
+              <p>text</p>
+            </div>
+          </div>
           <h2>Separator</h2>
           <p>text</p>
           <div class="separator">separator</div>

site/demo3.html

@@ -302,6 +302,29 @@ <h2>Grid List Thingy</h2>
             <div class="box">Item 13</div>
             <div class="box">Item 14</div>
           </div>
+          <h2>Grid List & .flex.center-h & .center-v</h2>
+          <div class="grid list">
+            <div class="box">
+              <p>text</p>
+            </div>
+            <div class="box flex center-h">
+              <p>.center-h</p>
+            </div>
+            <div class="box">
+              <p>more</p>
+              <p>text</p>
+            </div>
+            <div class="box flex center-v">
+              <p>.center-v</p>
+            </div>
+            <div class="box flex center-h center-v">
+              <p>-v and -h</p>
+            </div>
+            <div class="box">
+              <p>example</p>
+              <p>text</p>
+            </div>
+          </div>
           <h2>Separator</h2>
           <p>text</p>
           <div class="separator">separator</div>