.stretch-example {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-bottom: 20px;
}

.stretch-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  height: 120px;
  background: #f8f9fa;
  border: 2px dashed #6c757d;
  padding: 10px;
}

.stretch-default {
  place-items: stretch; /* default */
}

.stretch-center {
  place-items: center;
}

.stretch-item {
  background: #28a745;
  color: white;
  padding: 10px;
  text-align: center;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}