grid-gutters-016.html (526B)
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-016-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 min-width: 140px; 14 min-height: 140px; 15 } 16 .grid > div { 17 background: green; 18 } 19 </style> 20 <div class="grid"> 21 <div></div> 22 <div></div> 23 <div></div> 24 <div></div> 25 </div>