/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

0 vote222 views2 answers
Woocommerce cart css description
CSS
0 vote222 views1 answer
How to set initial state after first time in formik
CSS
11 votes203 views2 answers
Css display
CSS
0 vote184 views1 answer
Module not found: Can't resolve './musicas/Bruno Mars JustTheWayYouAre.mp3' in 'C:\UkVibes\react_juary\client\src\components\genders'
CSS
145 votes388 views6 answers
Add bootstrap to react
CSS Bootstrap
164 votes267 views6 answers
Box-shadow css
CSS
0 vote205 views1 answer
Display content in column css
CSS
5 votes218 views1 answer
Bootstrap darkmode
CSS Bootstrap
6 votes202 views4 answers
Tailwind css npm
CSS
5 votes230 views3 answers
How to make a dotted hr in css
CSS

Share