El area del video no centra los elementos y el codigo segun yo, lo tengo igual
...
.contenidoPrincipal-cursos-link {
display: flex;
width: 23%;
}
.videoSobre .container {
display: flex;
}
.videoSobre-sobre {
text-align: center;
display: flex;
flex-direction: column;
}
.videoSobre-sobre .video {
flex-grow: 2;
}
.videoSobre-sobre-list {
flex-grow: 2;
}
/*Responsive*/ ...
Hola Erika espero estés muy bien.
Creo que estás cometiendo un error al citar:
.videoSobre-sobre .video { flex-grow: 2; }
Porque estás diciendo que seleccione etiqueta que tenga la clase .video que está dentro de la clase .videoSobre-sobre pero en la pagina index.html, el video tiene la clase: videoSobre-video
Espero te haya ayudado con el problema, saludos y buena suerte.
Hola, Erika :) Cuando en tu css llamas a la clase videoSobre-sobre y luego agregas el llamado a otra clase que en este caso no existe (.video) ya no te toma correctamente el atributo flex-grow: 2. Solo debes corregir una pequeña parte de tu código:
.videoSobre-video{
flex-grow: 2;
}Saludos,
Catherine.