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

7 votes165 views1 answer
Justify text csss
CSS
-1 vote134 views1 answer
Css code for green
CSS
0 vote135 views1 answer
Rust get current date
CSS
4 votes149 views2 answers
Increase the size of an image on hover using css
CSS
12 votes190 views3 answers
Css background image size fit screen
CSS
7 votes128 views2 answers
Bootstrap Aligning images
CSS
70 votes123 views6 answers
Button href
CSS
0 vote128 views1 answer
Text wrap image wordpress css
CSS
1 vote122 views1 answer
Michigan score
CSS
0 vote132 views2 answers
Make img black and white css
CSS