1
respuesta

Haga lo que hicimos en aula

.videoSobre .container{ display: flex; }

.videoSobre-sobre{ text-align: center; display: flex; flex-direction: column; }

.videoSobre-video{ flex-grow: 2; flex-shrink: 2; }

.videoSobre-sobre-list{ flex-grow: 2; }

/* Responsiva */ @media (max-width:768px){

.headerPrincipal .container{ flex-direction: column; align-items: initial; text-align: center; }

.headerPrincipal-nav{ flex-direction: column; }

.contenidoPrincipal-cursos{ flex-direction: column; }

.contenidoPrincipal-cursos-link{ width: 100%; }

.rodapePrincipal-navMap-list{ height: auto; flex-wrap: nowrap; }

.rodapePrincipal-patrocinadores .container{ flex-direction: column; }

.rodapePrincipal-contatoForm{ width: 100%; }

.rodapePrincipal-patrocinadores-list{ align-items: center; width: 100%; margin: 0; }

.rodapePrincipal-contatoForm-fieldset{ justify-content: center; } .headerPrincipal-nav-link-app{ order: -1; } .videoSobre .container{ flex-direction: column; align-items: center; } } Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

1 respuesta

¡Hola César!

Gracias por compartir tu código con nosotros. Parece que estás tratando de aplicar estilos flexbox a tu diseño. Sin embargo, no veo ninguna pregunta específica en tu publicación.

Si tienes alguna duda o problema específico con tu código, por favor, proporciona más detalles para que pueda ayudarte de la mejor manera posible.

Recuerda que estoy aquí para ayudarte con cualquier pregunta o problema que tengas. ¡Espero haber ayudado y buenos estudios!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios! :)