Responsive background image

How to make background image responsive in css

/*width of image is auto adjusted by 70% of its container width.*/
img {
width: 70%;
}
/*if your image has a 50% width for any kind of screen. 
But when you want to make it full-size for mobile devices you need to get help from media queries:*/
/*using media Queries */
@media only screen and (max-width: 480px) {
img {
width: 100%;
}
}

Source: grepper.com

Similar codes

0 vote259 views1 answer
React bootstrap css module use media query mixin
CSS Bootstrap
6 votes185 views2 answers
Css grid full width row
CSS
0 vote206 views1 answer
CSS menu list with underline hover animation
CSS
1 vote176 views1 answer
Disable checkbox click event
CSS
0 vote150 views1 answer
Pointer bootstrap 4
CSS
0 vote279 views1 answer
Css popover arrow divi menu
CSS
1 vote215 views1 answer
Css select part of class name
CSS
0 vote191 views1 answer
Css device orientation
CSS
3 votes212 views3 answers
How to center a html header
CSS
24 votes241 views3 answers
Remove underline from a link css
CSS