.grid-named {
  display: grid;
  grid-template-columns: [start] 1fr [content-start] 2fr [content-end] 1fr [end];
  gap: 15px;
  background: #e9ecef;
  padding: 20px;
  border-radius: 4px;
}

.grid-item-named {
  background: #17a2b8;
  color: white;
  padding: 20px;
  text-align: center;
  border-radius: 4px;
  font-weight: bold;
}

.main-content {
  grid-column: content-start / content-end;
  background: #dc3545;
}