grid-gap-decorations-045-ref.html (628B)
1 <!DOCTYPE html> 2 <link rel="help" href="https://drafts.csswg.org/css-gaps-1/#break"> 3 <link rel="author" title="Javier Contreras" href="mailto:javiercon@microsoft.com"> 4 <style> 5 #container, 6 body { 7 overflow: hidden; 8 margin: 0px; 9 } 10 11 #container { 12 display: grid; 13 grid-template-rows: 4rem 2rem auto; 14 width: 80%; 15 gap: 2px; 16 border: solid 2px black; 17 row-rule: 2px solid hotpink, 1px dashed grey; 18 background-color: teal; 19 } 20 21 #one { 22 height: 100px; 23 width: 100px; 24 } 25 </style> 26 <div id="container"> 27 <div id="one"></div> 28 </div>