Как оптимизировать прототипы в React?

.grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 20px;
}

.grid-item {
  background-color: #e0e0e0;
  padding: 20px;
  border-radius: 5px;
}

.grid-item:nth-child(odd) {
  background-color: #d0d0d0;
}