| OLD | NEW | 
|   1 <!DOCTYPE html> |   1 <!DOCTYPE html> | 
|   2 <html> |   2 <html> | 
|   3 <head> |   3 <head> | 
|   4 <script> |  | 
|   5 if (window.testRunner) |  | 
|   6     testRunner.overridePreference("WebKitCSSGridLayoutEnabled", 1); |  | 
|   7 </script> |  | 
|   8 <link href="resources/grid.css" rel="stylesheet"> |   4 <link href="resources/grid.css" rel="stylesheet"> | 
|   9 <style> |   5 <style> | 
|  10 .grid { |   6 .grid { | 
|  11     grid-template-rows: (before) 50px (middle) 100px (after); |   7     grid-template-rows: (before) 50px (middle) 100px (after); | 
|  12     grid-template-columns: 40px 80px 160px; |   8     grid-template-columns: 40px 80px 160px; | 
|  13 } |   9 } | 
|  14  |  10  | 
|  15 .gridWithoutRepeat { |  11 .gridWithoutRepeat { | 
|  16     grid-template-areas: "first second third" |  12     grid-template-areas: "first second third" | 
|  17                          "fourth fifth sixth"; |  13                          "fourth fifth sixth"; | 
| (...skipping 69 matching lines...) Expand 10 before | Expand all | Expand 10 after  Loading... | 
|  87         <div class="sizedToGridArea gridItemSecondArea" data-offset-x="40" data-
    offset-y="0" data-expected-width="80" data-expected-height="50"></div> |  83         <div class="sizedToGridArea gridItemSecondArea" data-offset-x="40" data-
    offset-y="0" data-expected-width="80" data-expected-height="50"></div> | 
|  88         <div class="sizedToGridArea gridItemFirstArea" data-offset-x="0" data-of
    fset-y="0" data-expected-width="40" data-expected-height="50"></div> |  84         <div class="sizedToGridArea gridItemFirstArea" data-offset-x="0" data-of
    fset-y="0" data-expected-width="40" data-expected-height="50"></div> | 
|  89  |  85  | 
|  90         <div class="sizedToGridArea gridItemSpan2ThirdArea" data-offset-x="40" d
    ata-offset-y="50" data-expected-width="240" data-expected-height="100"></div> |  86         <div class="sizedToGridArea gridItemSpan2ThirdArea" data-offset-x="40" d
    ata-offset-y="50" data-expected-width="240" data-expected-height="100"></div> | 
|  91         <div class="sizedToGridArea gridItemNamedGridLineWithArea" data-offset-x
    ="0" data-offset-y="0" data-expected-width="40" data-expected-height="150"></div
    > |  87         <div class="sizedToGridArea gridItemNamedGridLineWithArea" data-offset-x
    ="0" data-offset-y="0" data-expected-width="40" data-expected-height="150"></div
    > | 
|  92     </div> |  88     </div> | 
|  93 </div> |  89 </div> | 
|  94  |  90  | 
|  95 </body> |  91 </body> | 
|  96 </html> |  92 </html> | 
| OLD | NEW |