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 |