<div class="grid3">
 <div class="box"></div>
 <div class="box"></div>
 <div class="box"></div>
</div>
.grid3 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 10px 1fr 10px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: 100px;
  grid-template-rows: 100px;
  grid-gap: 10px;
  gap: 10px;
}
.box {
  background: #000;
}
.grid3>.box:nth-of-type(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.grid3>.box:nth-of-type(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.grid3>.box:nth-of-type(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.