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

8 votes158 views4 answers
Css boilerplate
CSS
3 votes136 views2 answers
Form css
CSS
16 votes236 views5 answers
Sass loops
CSS
0 vote138 views1 answer
Css background image remove margin
CSS
126 votes275 views5 answers
React Bootstrap css import
CSS Bootstrap
12 votes137 views3 answers
Docker restart container
CSS
65 votes132 views3 answers
Css set variable
CSS
38 votes137 views6 answers
Text gradient css
CSS
38 votes177 views6 answers
Media query min and max width for all devices
CSS
2 votes125 views1 answer
Underline css animation hover
CSS