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 vote157 views1 answer
Mouse hover text zoom effect
CSS
8 votes183 views1 answer
Full screen image
CSS
0 vote220 views1 answer
Outting a border on a map css
CSS
0 vote173 views1 answer
How to align divs in a row
CSS
-1 vote158 views1 answer
Css tricks position
CSS
0 vote147 views1 answer
Truncate long line with dots
CSS
0 vote162 views1 answer
Rotate icon
CSS
1 vote166 views2 answers
Button transparent using css
CSS
4 votes154 views1 answer
Css grid wrap columns
CSS
2 votes156 views2 answers
Remove border select css
CSS