<div class="grid">
  <div class="item"></div>
</div>
.grid {
  display: grid;
  grid-template-columns: 200px 200px;
  grid-template-rows: 200px 200px;
  grid-template-areas: 'a b'
                       'c d';
  /*单元格的位置设置 */
  place-items: end center;
}
.item {
  width: 100px;
  height: 100px;
  background: #80cac8;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.