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 vote302 views1 answer
Apply css on last child in parent div
CSS
1 vote251 views1 answer
How to delete css property using css
CSS
0 vote205 views1 answer
Border buttom color
CSS
9 votes351 views3 answers
Bootstrap badge color
CSS Bootstrap
0 vote210 views2 answers
Cut word css
CSS
253 votes535 views10 answers
Bootstrap cdn
CSS Bootstrap
-1 vote205 views1 answer
Sidebar-Content layout
CSS
5 votes292 views2 answers
Remove bootstrap button outline
CSS
1 vote204 views1 answer
SCSS Breakpoints
CSS
0 vote181 views1 answer
Modern css fonts
CSS