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 vote310 views1 answer
Scrollbar with 2 different colors on same page css
CSS
0 vote305 views1 answer
The Sass .sass file is visually different from .scss file, e.g. Example.sass - sass is the older syntax
CSS
0 vote321 views1 answer
Shadow on hover class on card bootstrap
CSS
7 votes338 views2 answers
Html remove border from textarea
CSS
29 votes331 views5 answers
Kill all ports
CSS
5 votes329 views2 answers
Css especifico para safari
CSS
0 vote319 views2 answers
How to remove white space in the right side of web page
CSS
1 vote326 views1 answer
Html video css
CSS
0 vote304 views1 answer
Couloured button link generator code
CSS
11 votes306 views2 answers
Css display
CSS