OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <link href="resources/grid.css" rel="stylesheet"> | 4 <link href="resources/grid.css" rel="stylesheet"> |
5 <link href="resources/grid-alignment.css" rel="stylesheet"> | 5 <link href="resources/grid-alignment.css" rel="stylesheet"> |
6 <script src="../../resources/check-layout.js"></script> | 6 <script src="../../resources/check-layout.js"></script> |
7 <style> | 7 <style> |
8 body { | 8 body { |
9 margin: 0; | 9 margin: 0; |
10 } | 10 } |
11 | 11 |
12 .grid { | 12 .grid { |
13 grid: 50px 50px / 100px 100px; | 13 grid: 100px 100px / 50px 50px; |
14 position: relative; | 14 position: relative; |
15 width: 200px; | 15 width: 200px; |
16 height: 300px; | 16 height: 300px; |
17 } | 17 } |
18 | 18 |
19 .cell { | 19 .cell { |
20 width: 20px; | 20 width: 20px; |
21 height: 40px; | 21 height: 40px; |
22 } | 22 } |
23 | 23 |
(...skipping 130 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
154 <div class="grid directionRTL justifyContentEnd" data-expected-width="200" d
ata-expected-height="300"> | 154 <div class="grid directionRTL justifyContentEnd" data-expected-width="200" d
ata-expected-height="300"> |
155 <div class="cell firstRowFirstColumn" data-offset-x="80" data-offset-y="
0" data-expected-width="20" data-expected-height="40"></div> | 155 <div class="cell firstRowFirstColumn" data-offset-x="80" data-offset-y="
0" data-expected-width="20" data-expected-height="40"></div> |
156 <div class="firstRowSecondColumn" data-offset-x="0" data-offset-y="0" da
ta-expected-width="50" data-expected-height="100"></div> | 156 <div class="firstRowSecondColumn" data-offset-x="0" data-offset-y="0" da
ta-expected-width="50" data-expected-height="100"></div> |
157 <div class="secondRowFirstColumn" data-offset-x="50" data-offset-y="100"
data-expected-width="50" data-expected-height="100"></div> | 157 <div class="secondRowFirstColumn" data-offset-x="50" data-offset-y="100"
data-expected-width="50" data-expected-height="100"></div> |
158 <div class="cell secondRowSecondColumn" data-offset-x="30" data-offset-y
="100" data-expected-width="20" data-expected-height="40"></div> | 158 <div class="cell secondRowSecondColumn" data-offset-x="30" data-offset-y
="100" data-expected-width="20" data-expected-height="40"></div> |
159 </div> | 159 </div> |
160 </div> | 160 </div> |
161 | 161 |
162 </body> | 162 </body> |
163 </html> | 163 </html> |
OLD | NEW |