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 vote148 views1 answer
Create 2 separate CSS rules for the code below:
CSS
0 vote139 views1 answer
Remove background when autofill input css
CSS
0 vote132 views1 answer
Remove underline in a a
CSS
21 votes144 views2 answers
How to write css for input type text
CSS
0 vote133 views1 answer
Html css hide details arrow
CSS
0 vote156 views1 answer
Set default rem css
CSS
0 vote162 views1 answer
Why does my min and max-wodth only stay on min-width html css
CSS
1 vote139 views1 answer
Javafx right-align in vbox
CSS
54 votes146 views2 answers
How to center an image element inside a block in css
CSS
6 votes151 views3 answers
Scroll snap css
CSS