| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <script> | |
| 4 if (window.testRunner) | |
| 5 testRunner.overridePreference("WebKitCSSGridLayoutEnabled", 1); | |
| 6 </script> | |
| 7 <link href="resources/grid.css" rel="stylesheet"> | 3 <link href="resources/grid.css" rel="stylesheet"> |
| 8 <style> | 4 <style> |
| 9 .columnGrid { | 5 .columnGrid { |
| 10 grid-template-columns: 50px 100px; | 6 grid-template-columns: 50px 100px; |
| 11 /* grid-template-rows is left unset so that the grid items' row is implicit.
*/ | 7 /* grid-template-rows is left unset so that the grid items' row is implicit.
*/ |
| 12 font: 10px/1 Ahem; | 8 font: 10px/1 Ahem; |
| 13 } | 9 } |
| 14 | 10 |
| 15 .rowGrid { | 11 .rowGrid { |
| 16 grid-template-rows: 50px 100px; | 12 grid-template-rows: 50px 100px; |
| (...skipping 29 matching lines...) Expand all Loading... |
| 46 | 42 |
| 47 <div class="constrainedContainer"> | 43 <div class="constrainedContainer"> |
| 48 <div class="grid rowGrid"> | 44 <div class="grid rowGrid"> |
| 49 <div class="sizedToGridArea thirdRowAutoColumn" data-expected-width="60"
data-expected-height="30">XXXXXX XXXXX XXXXX</div> | 45 <div class="sizedToGridArea thirdRowAutoColumn" data-expected-width="60"
data-expected-height="30">XXXXXX XXXXX XXXXX</div> |
| 50 <div class="sizedToGridArea autoLastRowAutoLastColumn" data-expected-wid
th="60" data-expected-height="100"></div> | 46 <div class="sizedToGridArea autoLastRowAutoLastColumn" data-expected-wid
th="60" data-expected-height="100"></div> |
| 51 </div> | 47 </div> |
| 52 </div> | 48 </div> |
| 53 | 49 |
| 54 </body> | 50 </body> |
| 55 </html> | 51 </html> |
| OLD | NEW |