.grid-basic {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  background: #e0e0e0;
  padding: 20px;
  border-radius: 8px;
}

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

.item-start { justify-self: start; background: #FF5722; }
.item-center { justify-self: center; background: #2196F3; }
.item-end { justify-self: end; background: #9C27B0; }