grid-gutters-015.html (485B)
1 <!DOCTYPE html> 2 <link rel="help" href="https://www.w3.org/TR/css-grid-1/#gutters"> 3 <link rel="help" href="https://www.w3.org/TR/css-align-3/#gaps"> 4 <link rel="match" href="grid-gutters-015-ref.html"> 5 <style> 6 .grid { 7 display: inline-grid; 8 padding: 10px; 9 grid-template-columns: 40px 40px; 10 grid-template-rows: 40px 40px; 11 border: solid; 12 gap: 20%; 13 } 14 .grid > div { 15 background: green; 16 } 17 </style> 18 <div class="grid"> 19 <div></div> 20 <div></div> 21 <div></div> 22 <div></div> 23 </div>