.grid {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(10, 1fr);
}
@media (max-width: 60rem) {
  .grid {
    grid-template-columns: repeat(6, 1fr);
  }
  .no-t {
    display: none;
  }
}
@media (max-width: 40rem) {
  .grid {
    grid-template-columns: repeat(4, 1fr);
  }
  .no-p {
    display: none;
  }
}
.a {
  grid-area: a;
}
.b {
  grid-area: b;
}
.c {
  grid-area: c;
}
.d {
  grid-area: d;
}
.e {
  grid-area: e;
}
.f {
  grid-area: f;
}
.g {
  grid-area: g;
}
.h {
  grid-area: h;
}
.i {
  grid-area: i;
}
.j {
  grid-area: j;
}
.k {
  grid-area: k;
}