/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

1 vote185 views1 answer
Ionic ios remove button appearance
CSS
3 votes202 views2 answers
Css affect all child elements
CSS
0 vote200 views1 answer
How to set unclickable checkbox using css
CSS
0 vote523 views1 answer
Fgg
CSS
0 vote219 views2 answers
How long ago was 1993 years
CSS
-2 votes209 views1 answer
How to add after psuedo class in html
CSS
20 votes293 views2 answers
Bootstrap screen sizes
CSS Bootstrap
0 vote184 views2 answers
Css span to right of div
CSS
0 vote202 views1 answer
Media queries and or conditions
CSS
0 vote263 views1 answer
Div overlfow scroll
CSS

Share