/CSS/Css resize image to fit div no stretching

Css resize image to fit div no stretching

Css resize image to fit div no stretching

.div {
  background-image: url(../images/your-image.png);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}

2

Source: stackoverflow.com

How to make an image fill its container without stretching

.cover {
  object-fit: cover;
  width: 50px;
  height: 100px;
}

0

Source: stackoverflow.com

Similar codes

22 votes332 views4 answers
Grid center align css
CSS
0 vote309 views1 answer
Inine css
CSS
0 vote320 views2 answers
Card css
CSS
0 vote340 views1 answer
CSS background blur or glass effect
CSS
1 vote277 views1 answer
Css main container align center
CSS
2 votes362 views1 answer
Journalctl last 100 lines
CSS
5 votes325 views3 answers
Css window height
CSS
-1 vote319 views2 answers
How to scroll fixed position
CSS
0 vote347 views1 answer
Operador css contain attr
CSS
0 vote345 views2 answers
Css folded corner
CSS

Share