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 vote293 views1 answer
Colored button link scss generator
CSS
0 vote311 views1 answer
Estilos de button css
CSS
0 vote339 views2 answers
Css slick js load slider jump
CSS
-1 vote326 views4 answers
Css after
CSS
1 vote307 views1 answer
Stop the client from scrolling
CSS
13 votes313 views4 answers
Responsive css grid
CSS
33 votes227 views21 answers
Laravel clear cache
CSS
0 vote258 views1 answer
Named colors css
CSS
0 vote343 views1 answer
Menu always center css
CSS
7 votes323 views6 answers
Background overlay css
CSS