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 vote292 views2 answers
Background shrinks when responsive
CSS
0 vote303 views1 answer
Mat radio button color
CSS
4 votes267 views3 answers
Background with image and gradient
CSS
1 vote284 views1 answer
How to disable margin collapsing
CSS
0 vote281 views1 answer
How to add images on images css
CSS
72 votes321 views6 answers
Position absolute center
CSS
4 votes266 views5 answers
Css darken color
CSS
0 vote300 views1 answer
Random color scss
CSS
37 votes270 views3 answers
Inline svg css
CSS
5 votes270 views5 answers
Min padding
CSS