Author: Not specified Language: html4strict
Description: Not specified Timestamp: 2018-05-29 10:47:47 +0000
View raw paste Reply
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4.   <meta charset="UTF-8">
  5.   <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.   <link rel="stylesheet" href="../assets/style.css">
  7.   <title>CSS Grid Fundamentals!</title>
  8. </head>
  9.  
  10.   <div class="container">
  11.     <div class="item">1</div>
  12.     <div class="item">2</div>
  13.     <div class="item">3</div>
  14.     <div class="item">4</div>
  15.     <div class="item">5</div>
  16.     <div class="item">6</div>
  17.     <div class="item">7</div>
  18.     <div class="item">8</div>
  19.     <div class="item">9</div>
  20.     <div class="item">10</div>
  21.   </div>
  22.   <style>
  23.     .container {
  24.       display: grid;
  25.       grid-template-columns: 200px 500px;
  26.       grid-template-rows: 200px 100px 400px;
  27.       grid-gap: 20px;
  28.     }
  29.   </style>
  30. </body>
  31.  
  32. </html>
View raw paste Reply