¿Cómo puedo mostrar 13 elementos seleccionables en una página web receptiva móvil primero?

1. ¿Cuántos puntos de interrupción deberías tener??
2. ¿Cuáles son los puntos de interrupción para el dispositivo receptivo a la vista??

¿Cuántos puntos de interrupción deberías tener??

Si bien no hay un conjunto universal de puntos de interrupción o mejores prácticas, debe usar al menos 3 puntos de interrupción para la mayor flexibilidad del dispositivo (ver ilustración). Al diseñar puntos de ruptura específicos, considere el contenido que tiene. No cree consultas de medios para dispositivos, lo creó para contenido.

¿Cuáles son los puntos de interrupción para el dispositivo receptivo a la vista??

En el diseño web receptivo, los puntos de interrupción de la vista son las dimensiones del navegador (generalmente solo anchos) que establecen el rango activo de una consulta de medios dada. Una vez que las dimensiones del navegador están dentro de ese rango, se aplicarán los estilos asociados con esa consulta de medios.