.thumbnail-list{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: var(--space-4);
}


/* Tablet */
@media (min-width:300px){
  .thumbnail-list{
    grid-template-columns:repeat(1,1fr);
  }
}

@media(min-width: 768px) {
  .thumbnail-list{
    grid-template-columns:repeat(2,1fr);
  }
}

@media (min-width:1024px){
  .thumbnail-list{
    grid-template-columns:repeat(2,1fr);
    display: grid;
  }
}