No me quedo muy claro la opción contain, según el video la imagen abarca el contenido que es body según entiendo yo, pero a mi la imagen solo ocupa la mitad del body me refiero izquierda-derecha pantalla, a que se debe? hice la prueba con 6 imágenes mas pero no completa la parte horizontal del contenido, es por tamaño de imagen o por el tamaño de resolución de pantalla que se tenga.
1 height: 100%;
2 margin:0;
3
4}
5body{
6 background-color: aqua;
7 background-repeat: no-repeat;
8
9}
10
11 /*? background-size background-position*/
12
13 body{
14 /** background-size: contain | cover*/
15 background-image: url(pedro-henrique-santos-4IoS45J9pmk-unsplash.jpg) ;
16 background-size: contain;
17 }
Agradezco la respuesta