OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <link href="resources/grid.css" rel="stylesheet"> | 3 <link href="resources/grid.css" rel="stylesheet"> |
4 <style> | 4 <style> |
5 .grid { | 5 .grid { |
6 grid-definition-columns: 100px 100px; | 6 grid-template-columns: 100px 100px; |
7 grid-definition-rows: 200px 200px; | 7 grid-template-rows: 200px 200px; |
8 width: -webkit-fit-content; | 8 width: -webkit-fit-content; |
9 } | 9 } |
10 | 10 |
11 .cell { | 11 .cell { |
12 width: 10px; | 12 width: 10px; |
13 height: 20px; | 13 height: 20px; |
14 } | 14 } |
15 | 15 |
16 .justifySelfStretch { | 16 .justifySelfStretch { |
17 justify-self: stretch; | 17 justify-self: stretch; |
(...skipping 115 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
133 <div class="grid" data-expected-width="200" data-expected-height="400"> | 133 <div class="grid" data-expected-width="200" data-expected-height="400"> |
134 <div class="cell justifySelfFlexEnd firstRowFirstColumn directionRTL" data-o
ffset-x="0" data-offset-y="0" data-expected-width="10" data-expected-height="20"
></div> | 134 <div class="cell justifySelfFlexEnd firstRowFirstColumn directionRTL" data-o
ffset-x="0" data-offset-y="0" data-expected-width="10" data-expected-height="20"
></div> |
135 <div class="cell justifySelfFlexStart firstRowSecondColumn directionRTL" dat
a-offset-x="100" data-offset-y="0" data-expected-width="10" data-expected-height
="20"></div> | 135 <div class="cell justifySelfFlexStart firstRowSecondColumn directionRTL" dat
a-offset-x="100" data-offset-y="0" data-expected-width="10" data-expected-height
="20"></div> |
136 <div class="cell justifySelfSelfStart secondRowFirstColumn directionRTL" dat
a-offset-x="90" data-offset-y="200" data-expected-width="10" data-expected-heigh
t="20"></div> | 136 <div class="cell justifySelfSelfStart secondRowFirstColumn directionRTL" dat
a-offset-x="90" data-offset-y="200" data-expected-width="10" data-expected-heigh
t="20"></div> |
137 <div class="cell justifySelfSelfEnd secondRowSecondColumn directionRTL" data
-offset-x="100" data-offset-y="200" data-expected-width="10" data-expected-heigh
t="20"></div> | 137 <div class="cell justifySelfSelfEnd secondRowSecondColumn directionRTL" data
-offset-x="100" data-offset-y="200" data-expected-width="10" data-expected-heigh
t="20"></div> |
138 </div> | 138 </div> |
139 </div> | 139 </div> |
140 | 140 |
141 </body> | 141 </body> |
142 </html> | 142 </html> |
OLD | NEW |