/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 vote420 views1 answer
Robot font import
CSS
10 votes382 views3 answers
Reset
CSS
1 vote350 views1 answer
Move element to the left css
CSS
0 vote374 views1 answer
Css border image repeat property
CSS
0 vote404 views2 answers
How to convert directory SASS/SCSS to CSS via command line?
CSS
0 vote444 views1 answer
Css pixel art
CSS
3 votes370 views2 answers
Css affect all child elements
CSS
1 vote348 views1 answer
Add cursor to html button
CSS
0 vote403 views1 answer
Showing danger message in red in terminal bash
CSS
0 vote350 views1 answer
Css calc vw minus px
CSS

Share