Image to fill container size

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%
}

Image to fill container size

  background-size: 1000px 300px;
  backdrop-filter: blur(5px);
  background-position: center;
  background-repeat: no-repeat;

Similar codes

0 vote120 views1 answer
Shadow on hover class on card bootstrap
CSS
0 vote149 views1 answer
How to make a flex container full page
CSS
0 vote131 views1 answer
Bootstrap popover style width
CSS
1 vote112 views1 answer
Give shadow all around uniformly css
CSS
0 vote129 views1 answer
Css light mode
CSS
50 votes127 views6 answers
Css align center
CSS
0 vote295 views1 answer
Var units = "years"; var davidAge = 65; var johnAge = 40; var ageDifference = davidAge - johnAge; alert("The age difference is " + ageDifference + " " + units);
CSS
5 votes120 views3 answers
Keep background image fixed during scroll using css
CSS
0 vote121 views1 answer
Css transition cross browser
CSS
0 vote146 views1 answer
Css battle horizon answer
CSS