| 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 <link href="resources/grid-alignment.css" rel="stylesheet"> | 4 <link href="resources/grid-alignment.css" rel="stylesheet"> |
| 5 <style> | 5 <style> |
| 6 | 6 |
| 7 .grid { | 7 .grid { |
| 8 grid-template-columns: 100px 50px; | 8 grid-template-columns: 100px 50px; |
| 9 grid-template-rows: 70px 30px; | 9 grid-template-rows: 70px 30px; |
| 10 width: 400px; | 10 width: 400px; |
| (...skipping 211 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 222 </div> | 222 </div> |
| 223 | 223 |
| 224 <div class="grid directionRTL contentSpaceBetween"> | 224 <div class="grid directionRTL contentSpaceBetween"> |
| 225 <div class="offsets" style="grid-column: auto / 2; grid-row: auto / 2;" | 225 <div class="offsets" style="grid-column: auto / 2; grid-row: auto / 2;" |
| 226 data-offset-x="300" data-offset-y="0" data-expected-width="100" data-exp
ected-height="70"> | 226 data-offset-x="300" data-offset-y="0" data-expected-width="100" data-exp
ected-height="70"> |
| 227 </div> | 227 </div> |
| 228 </div> | 228 </div> |
| 229 | 229 |
| 230 <div class="grid directionRTL contentSpaceAround"> | 230 <div class="grid directionRTL contentSpaceAround"> |
| 231 <div style="grid-column: auto / 2; grid-row: auto / 2;" | 231 <div style="grid-column: auto / 2; grid-row: auto / 2;" |
| 232 data-offset-x="238" data-offset-y="0" data-expected-width="162" data-exp
ected-height="95"> | 232 data-offset-x="238" data-offset-y="0" data-expected-width="163" data-exp
ected-height="95"> |
| 233 </div> | 233 </div> |
| 234 </div> | 234 </div> |
| 235 | 235 |
| 236 <div class="grid directionRTL contentSpaceAround"> | 236 <div class="grid directionRTL contentSpaceAround"> |
| 237 <div class="offsets" style="grid-column: auto / 2; grid-row: auto / 2;" | 237 <div class="offsets" style="grid-column: auto / 2; grid-row: auto / 2;" |
| 238 data-offset-x="238" data-offset-y="0" data-expected-width="162" data-exp
ected-height="95"> | 238 data-offset-x="238" data-offset-y="0" data-expected-width="163" data-exp
ected-height="95"> |
| 239 </div> | 239 </div> |
| 240 </div> | 240 </div> |
| 241 | 241 |
| 242 <div class="grid directionRTL contentSpaceEvenly"> | 242 <div class="grid directionRTL contentSpaceEvenly"> |
| 243 <div style="grid-column: auto / 2; grid-row: auto / 2;" | 243 <div style="grid-column: auto / 2; grid-row: auto / 2;" |
| 244 data-offset-x="217" data-offset-y="0" data-expected-width="183" data-exp
ected-height="103"> | 244 data-offset-x="217" data-offset-y="0" data-expected-width="183" data-exp
ected-height="103"> |
| 245 </div> | 245 </div> |
| 246 </div> | 246 </div> |
| 247 | 247 |
| 248 <div class="grid directionRTL contentSpaceEvenly"> | 248 <div class="grid directionRTL contentSpaceEvenly"> |
| (...skipping 141 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 390 </div> | 390 </div> |
| 391 | 391 |
| 392 <div class="grid directionRTL contentSpaceEvenly"> | 392 <div class="grid directionRTL contentSpaceEvenly"> |
| 393 <div class="offsets" style="grid-column: auto / auto; grid-row: auto / auto;
" | 393 <div class="offsets" style="grid-column: auto / auto; grid-row: auto / auto;
" |
| 394 data-offset-x="0" data-offset-y="0" data-expected-width="400" data-expec
ted-height="200"> | 394 data-offset-x="0" data-offset-y="0" data-expected-width="400" data-expec
ted-height="200"> |
| 395 </div> | 395 </div> |
| 396 </div> | 396 </div> |
| 397 | 397 |
| 398 </body> | 398 </body> |
| 399 </html> | 399 </html> |
| OLD | NEW |