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 vote271 views1 answer
Clear both css
CSS
0 vote255 views1 answer
Text-align:center apply to parent div or child div
CSS
4 votes262 views1 answer
Make something unclickable css
CSS
0 vote204 views1 answer
Speeh recognition github
CSS
0 vote246 views1 answer
Make td match display flex
CSS
59 votes248 views1 answer
@media for mobile
CSS
0 vote261 views1 answer
Stop padding from changing div size
CSS
0 vote293 views1 answer
#f7fafc
CSS
0 vote248 views1 answer
Css on field blank red border
CSS
-2 votes268 views2 answers
How to add button in css
CSS