/* Esta regla SOLO aplica a pantallas de teléfono (menores a 768px) */ @media (max-width: 767.98px) { .mi-contenedor-movil { display: flex !important; flex-direction: column !important; /* Fuerza una sola columna vertical */ align-items: center !important; width: 100% !important; } /* Hace que los hijos ocupen el 100% de la pantalla */ .mi-contenedor-movil > div { min-width: 100% !important; max-width: 100% !important; margin-bottom: 20px !important; } }