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 .verticalGrid { | 19 .verticalGrid { |
20 width: 300px; | 20 width: 300px; |
21 height: 200px; | 21 height: 200px; |
22 } | 22 } |
23 | 23 |
(...skipping 134 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
158 <div class="grid directionRTL alignContentEnd" data-expected-width="200" dat
a-expected-height="300"> | 158 <div class="grid directionRTL alignContentEnd" data-expected-width="200" dat
a-expected-height="300"> |
159 <div class="cell firstRowFirstColumn" data-offset-x="180" data-offset-y=
"100" data-expected-width="20" data-expected-height="40"></div> | 159 <div class="cell firstRowFirstColumn" data-offset-x="180" data-offset-y=
"100" data-expected-width="20" data-expected-height="40"></div> |
160 <div class="firstRowSecondColumn" data-offset-x="100" data-offset-y="100
" data-expected-width="50" data-expected-height="100"></div> | 160 <div class="firstRowSecondColumn" data-offset-x="100" data-offset-y="100
" data-expected-width="50" data-expected-height="100"></div> |
161 <div class="secondRowFirstColumn" data-offset-x="150" data-offset-y="200
" data-expected-width="50" data-expected-height="100"></div> | 161 <div class="secondRowFirstColumn" data-offset-x="150" data-offset-y="200
" data-expected-width="50" data-expected-height="100"></div> |
162 <div class="cell secondRowSecondColumn" data-offset-x="130" data-offset-
y="200" data-expected-width="20" data-expected-height="40"></div> | 162 <div class="cell secondRowSecondColumn" data-offset-x="130" data-offset-
y="200" data-expected-width="20" data-expected-height="40"></div> |
163 </div> | 163 </div> |
164 </div> | 164 </div> |
165 | 165 |
166 </body> | 166 </body> |
167 </html> | 167 </html> |
OLD | NEW |