Remove examples from issues section

Author: mrego

index.html

@@ -124,6 +124,16 @@ <h4 class="list-group-item-heading">Auto-placement form</h4>
                                 </p>
                                 <p>Example of auto-placement grid applied to a simple form. Span is not supported yet as you can see in the buttons row.</p>
                             </li>
+                            <li class="list-group-item">
+                                <h4 class="list-group-item-heading">Auto-placement span</h4>
+                                <p>Span is not supported yet as you can see in the example.</p>
+                                <p>
+                                    <a href="autoplacement-span.html" class="label label-primary">example</a>
+                                    <a href="https://github.com/Igalia/css-grid-layout/blob/master/autoplacement-span.html" class="label label-success">html</a>
+                                    <a href="https://github.com/Igalia/css-grid-layout/blob/master/autoplacement-span.png" class="label label-info">screenshot</a>
+                                    <a href="http://www.w3.org/TR/css-grid/#grid-auto-flow-property" class="label label-warning">spec</a>
+                                </p>
+                            </li>
                             <li class="list-group-item">
                                 <h4 class="list-group-item-heading">z-index</h4>
                                 <p>
@@ -134,11 +144,6 @@ <h4 class="list-group-item-heading">z-index</h4>
                                 </p>
                                 <p>Example with several overlaping grid items where painting order is defined by the implicit DOM order and different z-index values.</p>
                             </li>
-                        </ul>
-                    </div>
-                    <div class="panel panel-default">
-                        <div class="panel-heading"><h3>Issues (Blink/WebKit)</h3></div>
-                        <ul class="list-group">
                             <li class="list-group-item">
                                 <h4 class="list-group-item-heading">DOM order</h4>
                                 <p>
@@ -159,16 +164,6 @@ <h4 class="list-group-item-heading">Repaint</h4>
                                 </p>
                                 <p>Items that expands to several cells are painted more than once.</p>
                             </li>
-                            <li class="list-group-item">
-                                <h4 class="list-group-item-heading">Auto-placement span</h4>
-                                <p>Span is not supported yet as you can see in the example.</p>
-                                <p>
-                                    <a href="autoplacement-span.html" class="label label-primary">example</a>
-                                    <a href="https://github.com/Igalia/css-grid-layout/blob/master/autoplacement-span.html" class="label label-success">html</a>
-                                    <a href="https://github.com/Igalia/css-grid-layout/blob/master/autoplacement-span.png" class="label label-info">screenshot</a>
-                                    <a href="http://www.w3.org/TR/css-grid/#grid-auto-flow-property" class="label label-warning">spec</a>
-                                </p>
-                            </li>
                         </ul>
                     </div>
                 </div>

simple.html

@@ -4,25 +4,21 @@
     <link href="css/grid.css" rel="stylesheet">
     <style>
         .grid {
-            -ms-grid-columns: 100px 100px;
-            -webkit-grid-definition-columns: 100px 100px;
-            -webkit-grid-template-columns: 100px 100px;
-            grid-definition-columns: 100px 100px;
-            grid-template-columns: 100px 100px;
-            -ms-grid-rows: 50px 50px;
-            -webkit-grid-definition-rows: 50px 50px;
-            -webkit-grid-template-rows: 50px 50px;
-            grid-definition-rows: 50px 50px;
-            grid-template-rows: 50px 50px;
+            grid-auto-flow: row;
+            grid-auto-rows: 50px;
+            grid-auto-columns: 100px;
         }
     </style>
 </head>
 <body>
     <div class="grid">
         <div class="row1-column1">item 1</div>
         <div class="row1-column2">item 2</div>
-        <div class="row2-column1">item 3</div>
-        <div class="row2-column2">item 4</div>
+        <div>auto1</div>
+        <div>auto2</div>
+        <div>auto3</div>
+        <div>auto4</div>
+        <div class="row1-columnauto">row1</div>
     </div>
 </body>
 </html>