Solution 1 :

This will fill up the entire height of the device

min-height:100vh;

Problem :

I try to make div tag dynamically but when I make 13th div then bottom of web makes empty space(white color). So I want to fix this situation

here is css code:

.bg-img {
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom right,rgba(0, 47, 75, 0.60),rgba(220,66, 37, 0.60)), url('https://static.pexels.com/photos/439853/pexels-photo-439853.jpeg') center center / cover;
}

Comments

Comment posted by Thanveer Shah

Try min-height:100vh;

Comment posted by Thanveer Shah

Sure, Let me know if it works

Comment posted by Hamp

@ThanveerShah Thank you so much. It works very well.

Comment posted by Thanveer Shah

Then can I post this answer in the answer section so you can accept it? that would help me

Comment posted by Hamp

Sure. Thank you a lot

By