.container {
  display: grid;
  grid-template-rows: 10vh 45vh 36vh;
  grid-template-areas:
    "status"
    "middle"
    "bottom";
}

.game-status {
  grid-area: status;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

.middle {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

#random-combination {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.player-selection-div {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#list-of-all-ingredients {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  justify-items: center;
}

@media (max-width: 760px) {
  .container {
    grid-template-rows: 8vh 40vh 40vh;
    width: 90%;
  }

  .middle,
  #random-combination {
    align-items: flex-end;
  }
  .player-selection-div {
    flex-direction: column;
  }

  #list-of-all-ingredients {
    grid-template-columns: repeat(3, 1fr);
  }
}