.tyc-grid{
  display:grid;
  gap:24px;
}

.tyc-grid--2{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}

.tyc-grid--3{
  grid-template-columns:repeat(3, minmax(0, 1fr));
}

.tyc-grid--4{
  grid-template-columns:repeat(4, minmax(0, 1fr));
}

.tyc-grid--auto{
  grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
}

@media (max-width: 1024px) and (min-width: 768px){
  .tyc-grid--3,
  .tyc-grid--4{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px){
  .tyc-grid--2,
  .tyc-grid--3,
  .tyc-grid--4{
    grid-template-columns:1fr;
  }
}