36 cell table in CSS GRID

style.css

/* Is there a way to write this so I don't have to add another 33 cells manually. 12 rows with three columns */
.schedule .grid-container {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-gap: 10px;
  grid-auto-rows: minmax(100px, auto);
  color: white;
  text-align: center;
  padding:20px 0;
  font-size: .9em;
  background-color:  #373B44; 
}

.schedule .one {
  grid-column: 2/1 ;
  grid-row: 1;
}
.schedule .two { 
  grid-column: 3/2;
  grid-row: 1;
}

.schedule .three {
  grid-column: 5/2;
  grid-row: 1;
}