/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

19 votes129 views3 answers
Css border radius top
CSS
0 vote137 views1 answer
Deep selector
CSS
12 votes220 views2 answers
How to center element in bulma
CSS Bulma
1 vote132 views1 answer
Hardball rifler
CSS
34 votes113 views6 answers
Css linear gradient
CSS
-1 vote140 views1 answer
How to use a blank space with grid template areas css
CSS
37 votes134 views4 answers
Css circle border
CSS
0 vote132 views1 answer
Radius to imported icons
CSS
1 vote134 views1 answer
Css random
CSS
37 votes136 views3 answers
Css selector first level child
CSS