¡Hola Estudiante!
Lamento mucho escuchar que estás teniendo problemas con tu página y el video en tu sitio web. Entiendo lo frustrante que puede ser cuando las cosas no funcionan como esperas.
Basándome en las capturas de pantalla y el código que compartiste, parece que estás intentando ajustar el tamaño del video y organizar la página correctamente. Sin embargo, el código que Alura te sugirió no ha funcionado.
Una posible solución para ajustar el tamaño del video y hacer que se ajuste a la página podría ser utilizar la propiedad CSS object-fit. Esta propiedad te permite controlar cómo se ajusta el contenido dentro de un elemento contenedor. Por ejemplo, puedes intentar agregar la siguiente regla CSS a tu código:
.video {
width: 100%;
height: 300px; /* ajusta la altura según tus necesidades */
object-fit: cover;
}
Esto hará que el video se ajuste al ancho del contenedor y mantenga su relación de aspecto, al mismo tiempo que se recorta o estira para llenar el espacio disponible.
En cuanto a la organización de la página, parece que estás utilizando una clase llamada .page. Sin embargo, en el código que compartiste, no veo que estés aplicando esta clase a ningún elemento HTML. Asegúrate de agregar la clase .page a un elemento contenedor que envuelva todo el contenido de tu página.
Si después de probar estas sugerencias aún tienes problemas, sería útil que compartieras más detalles sobre tu código y cómo estás estructurando tu página. De esta manera, podré brindarte una ayuda más precisa.
Espero que estas sugerencias te sean útiles y puedan resolver tus problemas. Recuerda que la programación puede ser un desafío, pero con perseverancia y paciencia, podrás superar cualquier obstáculo.
¡Espero haber ayudado y buenos estudios!
Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios! :)
mi codigo
planes.css
institucional.css
footer.css
