/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 vote147 views1 answer
Taille texte css
CSS
1 vote142 views2 answers
How to center topnav bar in html
CSS
2 votes120 views1 answer
Otf css3 font-face
CSS
-2 votes132 views1 answer
Reduce image size on mobile view css
CSS
0 vote162 views1 answer
Html css add Avenir light font
CSS
0 vote107 views1 answer
Uninstall wine 6.0.1
CSS
0 vote118 views1 answer
Skip main content - keyboard accessible buttons on navbar - css
CSS
0 vote116 views1 answer
CSS background gradient doesn't repeat
CSS
2 votes112 views1 answer
Why do we need hexadecimal number system
CSS
0 vote122 views1 answer
Woocommerce product_cat apply to custom post type
CSS

Share