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

3 votes337 views8 answers
What is display grid css
CSS
-1 vote208 views1 answer
Css media query between two width
CSS
0 vote153 views1 answer
Install scss
CSS
0 vote189 views1 answer
Copy-paste the stylesheet <link> into your <head> before all other stylesheets to load our CSS.
CSS
0 vote206 views1 answer
Decroation of title using css
CSS
0 vote211 views1 answer
How to center a list in html
CSS
0 vote222 views1 answer
Install webpack encore
CSS
6 votes205 views3 answers
Input checkbox size
CSS
0 vote224 views1 answer
Css how to remove underline from visited sites
CSS
0 vote242 views1 answer
Morphism box shadow
CSS