/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

11 votes38 views1 answer
Html no cursor when link
CSS
0 vote42 views1 answer
Center child container
CSS
0 vote52 views1 answer
Prevent mailto href indexing
CSS
-1 vote49 views2 answers
Multi colors in background in css
CSS
-1 vote46 views1 answer
Add css to express app
CSS
0 vote40 views1 answer
How to change a checkbox to be selected
CSS
2 votes95 views2 answers
How to add an icon to your website tab
CSS
19 votes42 views2 answers
Css center div vertically
CSS
7 votes48 views4 answers
How to crop images in css
CSS
0 vote45 views1 answer
Css 2 divs nebeneinander
CSS

Share