fill div with image code example
Example 1: image to fill div
.fill {
display: flex;
justify-content: center;
align-items: center;
overflow: hidden
}
.fill img {
flex-shrink: 0;
min-width: 100%;
min-height: 100%
}
Example 2: is there an img cover
body {
margin: 0;
}
img {
display: block;
width: 100vw;
height: 100vh;
object-fit: cover;
}
Example 3: make image stretch to fit div
Just apply without any changing any code
img {
width: 100%;
}