| OLD | NEW | 
|   1 <!DOCTYPE html> |   1 <!DOCTYPE html> | 
|   2 <html> |   2 <html> | 
|   3 <link href="resources/grid.css" rel="stylesheet"> |   3 <link href="resources/grid.css" rel="stylesheet"> | 
|   4 <style> |   4 <style> | 
|   5 .grid { |   5 .grid { | 
|   6     grid-template-rows: (firstRow) 10px 20px; |   6     grid-template-rows: [firstRow] 10px 20px; | 
|   7     grid-template-columns: (firstColumn) 30px 40px; |   7     grid-template-columns: [firstColumn] 30px 40px; | 
|   8     grid-auto-flow: row; |   8     grid-auto-flow: row; | 
|   9 } |   9 } | 
|  10  |  10  | 
|  11 .bothSpanRow { |  11 .bothSpanRow { | 
|  12     grid-column: 1; |  12     grid-column: 1; | 
|  13     grid-row: span 5 firstRow / span 1; |  13     grid-row: span 5 firstRow / span 1; | 
|  14 } |  14 } | 
|  15  |  15  | 
|  16 .bothSpanColumn { |  16 .bothSpanColumn { | 
|  17     grid-column: span / span 3; |  17     grid-column: span / span 3; | 
| (...skipping 38 matching lines...) Expand 10 before | Expand all | Expand 10 after  Loading... | 
|  56  |  56  | 
|  57 <div style="position: relative"> |  57 <div style="position: relative"> | 
|  58     <div class="grid"> |  58     <div class="grid"> | 
|  59         <div class="sizedToGridArea firstRowFirstColumn" data-offset-x="0" data-
    offset-y="0" data-expected-width="30" data-expected-height="10"></div> |  59         <div class="sizedToGridArea firstRowFirstColumn" data-offset-x="0" data-
    offset-y="0" data-expected-width="30" data-expected-height="10"></div> | 
|  60         <div class="sizedToGridArea spanAutoColumn" data-offset-x="30" data-offs
    et-y="0" data-expected-width="40" data-expected-height="10"></div> |  60         <div class="sizedToGridArea spanAutoColumn" data-offset-x="30" data-offs
    et-y="0" data-expected-width="40" data-expected-height="10"></div> | 
|  61     </div> |  61     </div> | 
|  62 </div> |  62 </div> | 
|  63  |  63  | 
|  64 </body> |  64 </body> | 
|  65 </html> |  65 </html> | 
| OLD | NEW |