SOURCE

console 命令行工具 X clear

                    
>
console
<div class="wrapper">
  <div class="item1">1</div>
  <div class="item2">2</div>
  <div class="item3">3</div>
  <div class="item4">4</div>
  <div class="item5">5</div>
  <div class="item6">6</div>
</div>
.wrapper{
  display: grid;
  grid-template-columns: repeat(3, 100px);
  grid-template-rows: repeat(3, 100px);
  
  div {
    text-align: center;
    color: #fff;
    font-size: 18px;
    margin: 1px;
  }
  
  .item1 {
    grid-column: 1 / 3;
    background-color: #e2bcd4;
  }
  
  .item2 {
    background-color: #bfbcec;
  }
  
  .item3 {
    background-color: #d6c9a3;
  }
  
  .item4 {
    background-color: #ece2bc;
  }
  
  .item5 {
    grid-row: 2 / 4;
    background-color: #a6e0bb;
  }
  
  .item6 {
    grid-column: 2 / 4;
    background-color: #a6c7e0;
  }
}