Colocar imagen de fondo en base al tamaño de tu pantalla. HTML

Para colocar una imagen de fondo que cubra toda la pantalla en HTML y CSS solo necesitas utilizar una propiedad llamada Viewport Heigth en CSS, esta te permite colocar una imagen de fondo en toda la pantalla, así como lo muestra el ejemplo siguiente:

Esto se logra gracias a la propiedad Viewport Height como lo muestro en la siguiente imagen:

Donde .site-header es la clase que utilizo para header.

background-image: es la imagen que tengo guardada en la carpeta img.

Y el mas importate que es height: 100vh; es la propiedad que hace que mi imagen se vea en toda la pantalla.