.activity.grid,
.category-header .grid {


}
@media (min-width: 1260px) {
    .activity.grid,
    .category-header .grid {
      grid-template-columns: 3fr 0.5fr 1fr 1.8fr 1fr 0.6fr 0.5fr 1fr 0.7fr 1fr ;
      grid-template-rows: minmax(40px, auto);
      grid-template-areas:
        "name info age schedule session price cours location start signup "
        "spacer details details details details details details details details details ";
    }
}

@media (min-width: 560px) and (max-width: 1260px) {
  .activity.grid,
  .category-header .grid {
      grid-template-columns: 3fr 0.5fr 1fr 1.8fr 1fr 0.6fr 0.5fr 1fr 1fr ;
    grid-template-areas:
        "name info age schedule session price cours location signup "
        "spacer details details details details details details details details ";
  }
}