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 | 5 |
6 .grid { | 6 .grid { |
7 grid-template-columns: 50px 100px 150px; | 7 grid-template-columns: 50px 100px 150px; |
8 grid-template-rows: 25px 50px 100px; | 8 grid-template-rows: 25px 50px 100px; |
9 width: 300px; | 9 width: 300px; |
10 height: 200px; | 10 height: 200px; |
(...skipping 38 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
49 </div> | 49 </div> |
50 | 50 |
51 <div class="container relative"> | 51 <div class="container relative"> |
52 <div class="grid"> | 52 <div class="grid"> |
53 <div class="sizedToGridArea absolute secondRowSecondColumn" data-offset-
x="50" data-offset-y="10" data-expected-width="500" data-expected-height="400"><
/div> | 53 <div class="sizedToGridArea absolute secondRowSecondColumn" data-offset-
x="50" data-offset-y="10" data-expected-width="500" data-expected-height="400"><
/div> |
54 </div> | 54 </div> |
55 </div> | 55 </div> |
56 | 56 |
57 <div class="container"> | 57 <div class="container"> |
58 <div class="grid relative"> | 58 <div class="grid relative"> |
59 <div class="sizedToGridArea absolute autoRowAutoColumn" data-offset-x="1
5" data-offset-y="5" data-expected-width="330" data-expected-height="210"></div> | 59 <div class="sizedToGridArea absolute autoRowAutoColumn" data-offset-x="0
" data-offset-y="0" data-expected-width="330" data-expected-height="210"></div> |
60 </div> | 60 </div> |
61 </div> | 61 </div> |
62 | 62 |
63 <div class="container"> | 63 <div class="container"> |
64 <div class="grid relative"> | 64 <div class="grid relative"> |
65 <div class="sizedToGridArea absolute firstRowFirstColumn" data-offset-x=
"15" data-offset-y="5" data-expected-width="315" data-expected-height="205"></di
v> | 65 <div class="sizedToGridArea absolute firstRowFirstColumn" data-offset-x=
"15" data-offset-y="5" data-expected-width="315" data-expected-height="205"></di
v> |
66 </div> | 66 </div> |
67 </div> | 67 </div> |
68 | 68 |
69 <div class="container"> | 69 <div class="container"> |
(...skipping 15 matching lines...) Expand all Loading... |
85 </div> | 85 </div> |
86 | 86 |
87 <div class="container relative"> | 87 <div class="container relative"> |
88 <div class="grid directionRTL"> | 88 <div class="grid directionRTL"> |
89 <div class="sizedToGridArea absolute secondRowSecondColumn" data-offset-
x="-150" data-offset-y="10" data-expected-width="500" data-expected-height="400"
></div> | 89 <div class="sizedToGridArea absolute secondRowSecondColumn" data-offset-
x="-150" data-offset-y="10" data-expected-width="500" data-expected-height="400"
></div> |
90 </div> | 90 </div> |
91 </div> | 91 </div> |
92 | 92 |
93 <div class="container"> | 93 <div class="container"> |
94 <div class="grid relative directionRTL"> | 94 <div class="grid relative directionRTL"> |
95 <div class="sizedToGridArea absolute autoRowAutoColumn" data-offset-x="-
15" data-offset-y="5" data-expected-width="330" data-expected-height="210"></div
> | 95 <div class="sizedToGridArea absolute autoRowAutoColumn" data-offset-x="0
" data-offset-y="0" data-expected-width="330" data-expected-height="210"></div> |
96 </div> | 96 </div> |
97 </div> | 97 </div> |
98 | 98 |
99 <div class="container"> | 99 <div class="container"> |
100 <div class="grid relative directionRTL"> | 100 <div class="grid relative directionRTL"> |
101 <div class="sizedToGridArea absolute firstRowFirstColumn" data-offset-x=
"0" data-offset-y="5" data-expected-width="315" data-expected-height="205"></div
> | 101 <div class="sizedToGridArea absolute firstRowFirstColumn" data-offset-x=
"0" data-offset-y="5" data-expected-width="315" data-expected-height="205"></div
> |
102 </div> | 102 </div> |
103 </div> | 103 </div> |
104 | 104 |
105 <div class="container"> | 105 <div class="container"> |
106 <div class="grid relative directionRTL"> | 106 <div class="grid relative directionRTL"> |
107 <div class="sizedToGridArea absolute secondRowSecondColumn" data-offset-
x="0" data-offset-y="30" data-expected-width="265" data-expected-height="180"></
div> | 107 <div class="sizedToGridArea absolute secondRowSecondColumn" data-offset-
x="0" data-offset-y="30" data-expected-width="265" data-expected-height="180"></
div> |
108 </div> | 108 </div> |
109 </div> | 109 </div> |
110 </body> | 110 </body> |
111 </html> | 111 </html> |
OLD | NEW |