OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
2 | |
3 <p>Test PASS if you see two adjacent iframes with a 50x50 green square.</p> | |
4 | |
5 <iframe height="120px" width="300px" srcdoc=" | |
6 <style> | |
7 .grid { | |
8 display: grid; | |
9 grid: 50px / 100px 50px 150px 100px; | |
10 } | |
11 </style> | |
12 | |
13 <div class='grid'> | |
14 <div style='background: red; grid-column: 2;'></div> | |
15 <div style='background: green; grid-column: 4; width: 50px; margin-lef t: -200px;'></div> | |
16 </div> | |
17 "> | |
18 </iframe> | |
19 | |
20 <iframe height="120px" width="300px" srcdoc=" | |
21 <style> | |
22 .grid { | |
23 display: grid; | |
24 grid: 50px / 100px 50px 150px 100px; | |
25 direction: rtl; | |
26 } | |
27 </style> | |
28 | |
29 <div class='grid'> | |
30 <div style='background: red; grid-column: 2;'></div> | |
31 <div style='background: green; grid-column: 4; width: 50px; margin-rig ht: -200px;'></div> | |
32 </div> | |
33 "> | |
34 </iframe> | |
35 | |
OLD | NEW |