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

13 votes158 views6 answers
Tailwind center vertically
CSS
0 vote143 views1 answer
Navbar css code
CSS
21 votes119 views3 answers
Disable cursor css
CSS
7 votes139 views3 answers
Change font awesome icon color
CSS
0 vote112 views1 answer
Css cursor loading
CSS
4 votes138 views4 answers
Conditionally assign a css class angular 9
CSS
2 votes115 views2 answers
Opacity animation css
CSS
22 votes128 views3 answers
Remove styling from a tag
CSS
0 vote121 views1 answer
Scss font color
CSS
0 vote140 views1 answer
Css tips and tricks to handle the complicated stuffs in design part which is helpfull to handle at tha critical time and to deliver requirement to the client to the main resource
CSS