Veamos en este video a darle un poco de estilos al programa del evento.
Queremos que esta sección esté sobre el video y para eso vamos a utilizar posiciones absolutas y relativas
así que por eso hemos creado tantas dips y tanto contenido para hacerlo un poco más fácil y voy a hacerlo
un poco más grande del código y un poco de scroll.
Aquí vamos a colocar un comentario que diga talleres o bien podría ser el programa del evento el padre
de todo esto es el section programã así que le podemos Seixo un programa y esto lo vamos a poner en
posición relativa.
Si recuerdas en la parte de posición relativa y absoluta el padre debe estar en relaté para que el hijo
pagos podamos darle un absoluto y vamos a utilizar el dip contenedor video y éste lo vamos a poner Max
with irás a poner mi suite 100 por ciento y yo no overflow iba a ser un overflow X y esto es para en
caso de que el video se salga no permita recorrerla un poco más.
Igual aquí le podemos poner video with 100 por ciento el problema de hacerlo así es que cuando lo hagan
muy pequeño el video se va a perder así que por eso decidí hacerlo de esta forma igual a quien nos va
a permitir más grande ver un poco más de contenido.
Vamos a continuar y aquí tenemos el contenido del programa este será el que posicionara más absoluto
para colocarlo esta parte aquí arriba de contenidos programa y vamos a ponerle un sillón Absolut
top cero cero alto Jaitt 100 por ciento ancho 100 por ciento y recargamos y vemos que se coloca de esta
forma ya está tomando el contenido del video se coloca arriba del
vamos a continuar y vamos a poner aquí.
El siguiente es este programa del evento y vamos a ver si se ve en el diseño aquí puedes ver que tiene
un color de fondo blanco sin embargo se ve un poco de transparencia así que podemos utilizar RGB a bacana
un color RGB a y le ponemos 2:55 en todos y en el último no ponemos un punto 8 guardo cambios y recargo
y va a ser difícil ver si se alcanza a ver en esta parte como la mano toma el color transparente que
funciona bien osaban Padín de 15 píxeles recargamos te lo va a dar un poco más de hacia adentro del
contenido.
Sin embargo puedes ver que el diseño a quienes no toma el 100 por ciento del ancho aquí sí lo está tomando
o cerca.
Así que podemos ponerlo dentro de un media query en móvil está bien cuando estemos en móvil queremos
que tome todo el espacio pero en una pantalla grande queremos que nada más tome la mitad.
Podemos copiar este medio Cuadri pegarlo aquí y ponemos Dib programa del evento y vamos a ponerlo un
ancho de 70 por ciento esto para una tableta.
Puedes ver que 7 6 8 y copió este también y lo pego cuando sea 992 una laptop o una computadora de escritorio
toma el 50 por ciento recargamos y vemos que ya nada más toma la mitad.
Igual aquí es difícil ver pero podemos ver que sí lo está tomando
y inspeccionada aquí.
Además para ver algo donde está posicionado si vemos que exista así que quiere por ejemplo en el programa
de eventos esperamos poder poner un margen top de 50 píxeles recargamos y eso lo va a centrar un poco
más
pero es un poco más unos 80 píxeles recargamos y creo que se vería mejor.
Es que el vídeo terminó siendo muy grandes.
Un vídeo en HD
que se ve bien ahí así que en el siguiente vídeo vamos a darle estilos a la parte de adentro de este
programa de eventos ya nos estamos acercando vamos acercándonos poco a poco a la meta.
Que en el siguiente vídeo vamos a finalizar esta parte.