.contenedor {
  display: grid;
  gap: 10px;
  padding: 10px;
}

/* Pantalla grande: 5 columnas */
@media (min-width: 1200px) {
  .contenedor {
    grid-template-columns: repeat(5, 1fr);
  }
}

/* Pantalla mediana: 3 columnas */
@media (max-width: 1199px) and (min-width: 700px) {
  .contenedor {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Pantalla pequeña: 2 columnas */
@media (max-width: 699px) {
  .contenedor {
    grid-template-columns: repeat(2, 1fr);
  }
}