Me estoy volviendo loco con el tema de rellenar un DIV

[Kromikos]

Iniciado por pzin

Si también eso. Tendrías que usar media-queries y crear, lo que viene siendo, una cosa responsiva —Responsive Web Design (RWD).

Agrupas reglas dentro de esas media-queries, que es su consulta puedes especificar anchos de pantalla, que es lo que te interesa, y en base a ese cambiarle, por ejemplo, ese porcentaje de 33.3333% a cómo quieres que se vea.

Algo así:

Código CSS:

.col2 li {
    width: 33.3333%;
  }
 
@media screen and (min-width: 960px) and (max-width: 1500px) {
  .col2 li {
    width: 20%;
  }
}
 
@media screen and (min-width: 1501px) {
  .col2 li {
    width: 10%;
  }
}
 

En cada regla @media puedes agrupar las reglas que necesites para cada situación. Luego siempre puedes echarle un vistazo a Google ahora que sabes qué buscar específicamente.

Gracias pzin.

¿Y no hay forma de hacerlo así con un FlexBox? ¿Que se ordene todo automáticamente?

Es que quiero que se adapten a la pantalla, que no se salgan. No sé si basta con el width y height del body al 100%.

Y esa era mi pregunta también, si se puede hacer con FlexBox algo así dinámico, que me lo han pedido.

Muchas gracias