/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

39 votes152 views4 answers
Css z-index
CSS
0 vote140 views1 answer
Quitar flecha summary html css
CSS
2 votes144 views2 answers
Slick arrow css
CSS
1 vote152 views1 answer
Write text in one line css
CSS
22 votes149 views3 answers
Css disable text select
CSS
0 vote172 views1 answer
Faunadb update
CSS
13 votes210 views6 answers
Tailwind center vertically
CSS
197 votes380 views6 answers
Connect html file to css
CSS
32 votes142 views5 answers
Css text align right
CSS
0 vote151 views1 answer
Checkbox border css
CSS

Share