CSS Desde Cero (2018) | Pseudoelementos
Manuel CCH@manuelcch
Quisiera aportar este código que a mi me funcionó al momento de insertar un video con tamaño adaptable. Soy un principiante aún y no se si sea la mejor forma, pero aquí se los dejo:
~~~* ,*::after, *::before{
box-sizing:border-box;
}
.contenedor-caja-video{
width: 80%;
}
.caja-video {
position:relative;
background-color:red;
width: 100%;
padding-bottom:56.25%;
}
.caja-video::before {
position: absolute;
content:'';
display:block;
padding-bottom:56.25%;
}
.video{
position:absolute;
width: 100%;
height: 100%;
}~~~
Basado en el curso de CSS Desde Cero (2018)
Escribe una respuesta