/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

7 votes226 views2 answers
Remove blue border on a input
CSS
8 votes231 views4 answers
Css fill div with background image
CSS
0 vote250 views1 answer
Css clip path alternative
CSS
2 votes230 views1 answer
Reset a tag css
CSS
126 votes250 views7 answers
Css box shadow
CSS
0 vote249 views1 answer
Mvc dynamic css
CSS
0 vote253 views1 answer
Deep selector
CSS
0 vote239 views1 answer
Vuetify width of textfield
CSS
146 votes208 views4 answers
How do i link my css to my html
CSS
0 vote240 views1 answer
Change the bullet point color css
CSS

Share