/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 vote218 views1 answer
Change the bullet point color css
CSS
1 vote203 views1 answer
Mat-progress-bar just dots
CSS
0 vote221 views2 answers
Blockquote quotation marks css
CSS
0 vote219 views1 answer
Bootstrap create full screen background image
CSS
0 vote231 views1 answer
Alternate css animation
CSS
0 vote244 views1 answer
Box shadow css animation
CSS
2 votes231 views2 answers
Border not showing css
CSS
0 vote253 views1 answer
Aligning form elements to center in css
CSS
0 vote212 views1 answer
Switch css with text
CSS
0 vote226 views1 answer
Use flex in container with multiple components
CSS