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 vote281 views1 answer
Adding a perfect responsive background image
CSS
3 votes297 views4 answers
Blue gradient background
CSS
0 vote283 views1 answer
Css add required asterisk after
CSS
0 vote307 views1 answer
Css grow animation
CSS
10 votes288 views1 answer
Rotate image css mdn
CSS
1 vote291 views1 answer
Css spread children horizontally
CSS
1 vote295 views1 answer
Css 2 <p> next to each other
CSS
0 vote310 views1 answer
JavaScript find common characters between the strings
CSS
0 vote392 views2 answers
Zoom image on click css
CSS
28 votes289 views3 answers
Display sm none
CSS