/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 vote220 views2 answers
Woocommerce shopping cart icon size
CSS
0 vote222 views2 answers
How long ago was 1993 years
CSS
67 votes210 views6 answers
Center absolute
CSS
0 vote195 views1 answer
For loop for increment id of div in jquery
CSS
0 vote210 views1 answer
.sidebar { --offset: 2rem; flex-grow: 1; flex-basis: 300px; align-self: start; position: sticky; top: var(--offset); }
CSS
7 votes199 views2 answers
Css comic sans
CSS
16 votes227 views4 answers
CSS Font-Family
CSS
1 vote205 views1 answer
Css @media measurements
CSS
1 vote214 views1 answer
Css animate border bottom on hover
CSS
145 votes250 views6 answers
Add bootstrap to react
CSS

Share