OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <style> | 2 <style> |
3 .grid-container { | 3 .grid-container { |
4 display: grid; | 4 display: grid; |
5 grid-template-columns: 200px 10px 0.3fr 10px 0.7fr; | 5 grid-template-columns: 200px 10px 0.3fr 10px 0.7fr; |
6 grid-template-rows: auto 20px auto; | 6 grid-template-rows: auto 20px auto; |
7 } | 7 } |
8 | 8 |
9 .grid-element { | 9 .grid-element { |
10 background-color: #444; | 10 background-color: #444; |
(...skipping 51 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
62 } | 62 } |
63 </style> | 63 </style> |
64 <summary class="grid-container"> | 64 <summary class="grid-container"> |
65 <div class="grid-element element-a">A</div> | 65 <div class="grid-element element-a">A</div> |
66 <div class="grid-element element-b">B</div> | 66 <div class="grid-element element-b">B</div> |
67 <div class="grid-element element-c">C</div> | 67 <div class="grid-element element-c">C</div> |
68 <div class="grid-element element-d">D</div> | 68 <div class="grid-element element-d">D</div> |
69 <div class="grid-element element-e">E</div> | 69 <div class="grid-element element-e">E</div> |
70 <div class="grid-element element-f">F</div> | 70 <div class="grid-element element-f">F</div> |
71 </summary> | 71 </summary> |
OLD | NEW |