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

35 votes213 views3 answers
What does class="d-none d-md-block" mean in bootstrap?
CSS
0 vote182 views1 answer
How to add style .css in wp
CSS
0 vote203 views1 answer
Mvc dynamic css
CSS
96 votes198 views2 answers
How to position in css
CSS
63 votes207 views6 answers
Text shadow
CSS
-1 vote197 views1 answer
Adjust text spacing css
CSS
1 vote148 views1 answer
Ionic create project css
CSS
0 vote222 views1 answer
Css display table row gap
CSS
23 votes227 views5 answers
How to rotate image in css
CSS
3 votes183 views2 answers
Css transition all
CSS