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

1 vote303 views1 answer
Wordpress css admin not loading
CSS
1 vote212 views1 answer
Linux bash sort folders ascending
CSS
3 votes183 views2 answers
Css glass effect
CSS
1 vote235 views2 answers
What does clearfix for floats do in css
CSS
0 vote216 views1 answer
Wordpress smooth scroll to anchor
CSS
3 votes190 views1 answer
Visibility transition css only on show
CSS
89 votes218 views6 answers
Padding
CSS
38 votes186 views2 answers
Remove list bullet css
CSS
76 votes232 views6 answers
Display flex css
CSS
0 vote236 views1 answer
Nice select scroll bar for large amount of options
CSS