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 vote321 views1 answer
Hide calendar icon
CSS
0 vote290 views1 answer
Pointer bootstrap 4
CSS
10 votes366 views5 answers
Css clamp
CSS
1 vote304 views1 answer
Why are suacer pans made of bakelite
CSS
0 vote351 views1 answer
Input remove blue glow
CSS
0 vote337 views1 answer
Hide scroll bar and show when hover with small size
CSS
1 vote340 views1 answer
Css custom bullet list
CSS
3 votes385 views1 answer
Include screen size
CSS
0 vote360 views1 answer
Grid style form
CSS
0 vote350 views1 answer
Hide featured image in wordpress
CSS