#grid {
  display: grid;
//  grid-template-columns: repeat(auto-fill,50px);
  grid-gap: 0px;
}

#inner_grid {
  text-align: center;
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 1px;
  font-size: 8px;
}

/* (B) 1 COL ON SMALL SCREENS 
@media screen and (max-width:768px) {
  #grid { grid-template-columns: auto; }
}
*/

/* (C) OPTIONAL FOR THE CELLS */
.head, .cell { padding: 1px; }
/*
.head {
  font-weight: bold;
  border: 1px solid #f18e8e;
  background: #ffbfbf;
}
*/
.cell {
  border: 1px solid #c2ba3c;
  background: #f8ffde;
}