Search
 
SCRIPT & CODE EXAMPLE
 

CSS

How to make an image fill its container without stretching

.cover {
  object-fit: cover;
  width: 50px;
  height: 100px;
}
Comment

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;
}
Comment

PREVIOUS NEXT
Code Example
Css :: css caret-color property 
Css :: font-weight css 
Css :: center a div 
Css :: open sans css 
Css :: pointer-events 
Css :: div align right in css 
Css :: add border to table css 
Css :: css on hover do something to children 
Css :: css not class 
Css :: improved rendering css 
Css :: bold in label html 
Css :: two background images css 
Css :: scss install 
Css :: ionchips scroll x 
Css :: open applications bat start 
Css :: how to add space inbetween lines in html 
Css :: flexbox stretch 
Css :: how to align items in css 
Css :: css text fill all the width possible 
Css :: hide li bullet css bootstrap 5 
Css :: how to add a class to a paragraph in css 
Css :: bootstrap modal is grayed out 
Css :: css image background center horizontally in div 
Css :: rgb gold 
Css :: border-radius cross browser 
Css :: add css file to html 
Css :: css counters 
Css :: how to wrap the data in table material UI 
Css :: put an border around an text in css 
Css :: arrow down css 
ADD CONTENT
Topic
Content
Source link
Name
5+4 =