Quisiera que una imagen que tengo de fondo ocupara toda la altura de la pantalla, independientemente del dispositivo en el que se vea.
Mi app es para buscar libros, entonces la altura de la pantalla cambia al momento que tu buscas un libro, y también dependiendo del dispositivo en el que estés, no puedo asignar una altura fija porque se vería ese espacio blanco como en la imagen de abajo, entonces busco que la altura sea responsive.
Mi codigo CSS:
.img-background{
height: 50vh;
background-image: linear-gradient(rgba(47, 54, 64,0.80),rgba(53, 59, 72,1)), url('../../../assets/img/book-background.jpg');
background-repeat: repeat;
}
Mi HTML:
<div class="img-background">
<!-- Código para mostrar los libros -->
</div>
Espero alguien me pueda ayudar, no se mucho de CSS. Gracias!