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 vote105 views1 answer
How to use a background property in css
CSS
1 vote91 views1 answer
Html details summary marker remove
CSS
0 vote100 views1 answer
AddCorsMappings registry.addMapping
CSS
9 votes146 views3 answers
Bootstrap list
CSS Bootstrap
9 votes107 views4 answers
How to stop form from submitting on enter
CSS
41 votes121 views2 answers
Add ... to long text css
CSS
0 vote100 views1 answer
Prevent mailto href indexing
CSS
35 votes102 views6 answers
Gradient css background
CSS
25 votes113 views5 answers
Css line spacing
CSS
4 votes93 views3 answers
Trash icon font awesome
CSS