grid-container-baseline-synthesized-001-ref.html (973B)
1 <!DOCTYPE html> 2 <meta charset="UTF-8"> 3 <title>CSS Grid Reference</title> 4 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css"> 5 <style> 6 :root { 7 font: 20px/1 Ahem; 8 } 9 .container { 10 display:inline-block; 11 width: 60px; 12 height: 60px; 13 background: cyan; 14 box-sizing: border-box; 15 border: 3px solid black; 16 } 17 </style> 18 X 19 <div class="container"></div> 20 <div class="container"></div> 21 <div class="container"></div> 22 <div class="container"></div> 23 <br><br> 24 X 25 <div class="container"></div> 26 <div class="container"></div> 27 <div class="container"></div> 28 <div class="container"></div> 29 <br><br> 30 X 31 <div class="container"></div> 32 <div class="container"></div> 33 <div class="container"></div> 34 <div class="container"></div> 35 <br><br> 36 X 37 <div class="container"></div> 38 <div class="container"></div> 39 <div class="container"></div> 40 <div class="container"></div> 41 <br><br> 42 X 43 <div class="container"></div> 44 <div class="container"></div> 45 <div class="container"></div> 46 <div class="container"></div>