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 vote182 views1 answer
Laravel enum float
CSS
0 vote171 views2 answers
How set image at top in wordpress
CSS
0 vote267 views1 answer
Youtube css
CSS
2 votes200 views1 answer
Journalctl last 100 lines
CSS
0 vote168 views1 answer
How to use * in html
CSS
0 vote190 views3 answers
Static backdrop
CSS
-1 vote188 views1 answer
Css code for green
CSS
0 vote192 views1 answer
Position an icon in relation a parent element
CSS
13 votes195 views4 answers
Responsive css grid
CSS
0 vote170 views1 answer
Product list fix height image css
CSS