/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

30 votes262 views6 answers
Linear gradient in CSS
CSS
6 votes302 views6 answers
No module named crypto.cipher
CSS
1 vote267 views1 answer
Button onclick open video in new window
CSS
6 votes281 views1 answer
Hidden vs visible
CSS
0 vote310 views1 answer
Removing default background color of html input
CSS
1 vote285 views1 answer
Rotate text css
CSS
5 votes247 views1 answer
Css custom strikethrough
CSS
1 vote290 views1 answer
Div nebeneinander
CSS
1 vote289 views1 answer
Break pre text
CSS
6 votes287 views4 answers
How to make the image in the center html
CSS

Share