/CSS/Background image for div in grid system bootstrap

Background image for div in grid system bootstrap

.img {
    margin-right: -15px; // Remove right gap
    margin-left: -15px;  // Remove left gap
    padding-bottom: 62.5%; // ratio is 16:10
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

Source: stackoverflow.com

Similar codes

29 votes262 views5 answers
Kill all ports
CSS
38 votes237 views3 answers
Use CSS to set the background color of the document (body) to yellow.
CSS
1 vote229 views2 answers
Increase tooltip width in angular material
CSS
79 votes275 views6 answers
Css media query
CSS
53 votes225 views6 answers
How to underline text in css
CSS
3 votes241 views3 answers
Hide scroll bar when not needed
CSS
35 votes259 views3 answers
What does class="d-none d-md-block" mean in bootstrap?
CSS
-2 votes254 views1 answer
Media queries iphone 11
CSS
1 vote245 views1 answer
Multiple values in @media
CSS
1 vote398 views2 answers
How to make background more darker with css
CSS