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

39 votes320 views3 answers
Rgba white color
CSS
1 vote322 views2 answers
Centralizar div verticalmente css
CSS
0 vote339 views2 answers
Bulma uppercase
CSS
0 vote365 views1 answer
How to take only part of an image css
CSS
0 vote371 views4 answers
Position absolute prevent overflow
CSS
0 vote402 views1 answer
Vendor css
CSS
5 votes308 views1 answer
Css assign multiple classes to one element
CSS
64 votes458 views4 answers
Bootstrap buttons
CSS Bootstrap
17 votes350 views2 answers
Center div vertically with flexbox
CSS
19 votes338 views4 answers
Add blur background css
CSS