/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 vote233 views1 answer
Remove focus blue lines from anchor tag
CSS
-1 vote231 views1 answer
Change font size on large screen resolution bootstrap
CSS Bootstrap
126 votes208 views5 answers
React Bootstrap css import
CSS
0 vote242 views1 answer
Profile page html css template
CSS
65 votes240 views3 answers
Css set variable
CSS
51 votes225 views6 answers
Css first element
CSS
1 vote225 views1 answer
Stop the client from scrolling
CSS
0 vote222 views1 answer
Position images in center of container
CSS
15 votes203 views2 answers
Npm scss
CSS
0 vote224 views1 answer
Colored button link scss generator
CSS