/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

0 vote187 views1 answer
How to make 3 photos display inline-blocks
CSS
1 vote201 views2 answers
Selector css
CSS
96 votes180 views2 answers
How to position in css
CSS
0 vote182 views2 answers
Box-shadow: 0px 4px 8px rgba(164, 188, 223, 0.15);
CSS
0 vote187 views1 answer
How to make jest parse the imported css modules in create react app
CSS
0 vote183 views1 answer
Flot css mdn
CSS
2 votes224 views2 answers
Bootstrap icons in angular
CSS Bootstrap
174 votes188 views6 answers
How to add background image in css
CSS
0 vote127 views1 answer
Active state css
CSS
0 vote192 views1 answer
Understanding '>' sign in css selector
CSS