src/style.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

@import "@picocss/pico";
@import "notyf/notyf.min.css";
@import "@fortawesome/fontawesome-free/css/all.css";

.grid-container {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 15px;
}
#timer-display {
  text-align: center;
  width: 100px;
}
#timer {
  margin: 0;
}
@media (min-width: 900px) {
  #Regular-list button {
    height: 100px;
  }
}
@media (max-width: 900px) {
  .grid-container {
    grid-template-columns: repeat(1, 1fr);
  }
}