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 vote219 views1 answer
How to many image fullscreen in css
CSS
0 vote232 views1 answer
Crystal background css
CSS
22 votes232 views2 answers
Rgb white
CSS
5 votes250 views3 answers
Bootstrap 4 classes list with description pdf
CSS Bootstrap
1 vote241 views1 answer
Universal selector incss'
CSS
3 votes217 views2 answers
How to modify select icon csshow to modify select icon css
CSS
17 votes225 views1 answer
Calc sass variables
CSS
0 vote213 views1 answer
Style50 for cs50
CSS
1 vote258 views1 answer
Animated website
CSS
3 votes182 views1 answer
Ttf css
CSS