En este tutorial, explicaremos la forma correcta de distribuir los contenedores, ya que de eso dependerá que tu aplicación se adapte a distintos dispositivos móviles. Para ello deberás seguir la siguiente regla de distribución:
Agrega un contenedor de tu listado de elementos de lado derecho de tu pantalla.
En tu pestaña de estilo > Dimensiones distribuye el porcentaje de cada contenedor, de modo que el total de la suma de tus contenedores sea 100%
Ejemplo:
Para lograr que esta pantalla se adapte de forma correcta, coloqué un primer contenedor con el 10%
El segundo contenedor mide 70% de pantalla (Es decir ya tenemos el 80%)
Y por último tenemos un contenedor de 20% (Es decir 80% + 20% = 100%)
Este sólo es un ejemplo, pero tú puedes distribuir tus contenedores con diferentes estructuras, te dejo algunos ejemplos:
Distribución: 10% – 30% – 50% – 10%
Distribución: 50%- 50%
