img fill div 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: how to contain image size
overflow: 'hidden',
backgroundSize : 'contain',