src/style.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

.grid-container {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 15px;
}
.card {
  height: 100%;
}
#timer-display {
  text-align: center;
  width: 100px;
}

@media (max-width: 900px) {
  .grid-container {
    grid-template-columns: repeat(1, 1fr);
  }
}