| 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 <div class="grid-container"> | 64 <div 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 </div> | 71 </div> |
| OLD | NEW |