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

1 vote349 views1 answer
Pseudo class css nth child
CSS
0 vote344 views1 answer
Smooth button effect css
CSS
22 votes361 views5 answers
Css center grid
CSS
4 votes313 views1 answer
Grid mdn
CSS
3 votes374 views3 answers
Css border left
CSS
1 vote331 views1 answer
A open new tab css
CSS
4 votes363 views1 answer
Css selector every child except last
CSS
0 vote359 views1 answer
Code to change size when hover effect
CSS
0 vote338 views1 answer
Css Specify that the background image should be shown once, in the top right corner
CSS
12 votes308 views1 answer
Css onclick event
CSS