/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

45 votes223 views6 answers
Css elipsis
CSS
14 votes279 views4 answers
Text align left bootstrap
CSS
12 votes216 views3 answers
Vertical and horizontal align center div
CSS
12 votes209 views1 answer
Disable increment in input type number
CSS
10 votes220 views5 answers
Css hr thickness
CSS
9 votes209 views2 answers
Css style for the first element only
CSS
0 vote198 views1 answer
Color custom css use in laravel
CSS
16 votes216 views4 answers
Last child after css
CSS
0 vote213 views1 answer
Input padding without changing width
CSS
0 vote213 views1 answer
Chrome remove black inline from click button
CSS

Share