    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="UTF-8">
      <title>grid 박스 크기 지정하기</title>
      <style>
        .container {
          display: grid;
          grid-template-columns: 1fr 2fr 1fr;
          grid-template-rows: 1fr 3fr;
          gap: 10px;
        }
        .item {
          background-color: #afb;
          border: 2px solid #ccc;
          border-radius: 3px;
          text-align: center;
          padding: 10px;
        }
      </style>
    </head>
    <body>
      <div class="container">
        <div class="item">1</div>
        <div class="item">2</div>
        <div class="item">3</div>
        <div class="item">4</div>
        <div class="item">5</div>
        <div class="item">6</div>
      </div>
    </body>
    </html>