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

7 votes120 views3 answers
Bootstrap remove outline
CSS
0 vote136 views1 answer
Como tirar o x do search input
CSS
2 votes138 views3 answers
Backdrop css
CSS
1 vote181 views2 answers
How to make hr class bootstrap full width
CSS Bootstrap
0 vote142 views2 answers
Skeumorphism box shadow
CSS
5 votes129 views1 answer
Css table border-collapse
CSS
0 vote167 views1 answer
Espacio entre lineas css
CSS
109 votes139 views6 answers
Position absolute
CSS
0 vote127 views1 answer
How to remove text selection in css
CSS
-1 vote142 views1 answer
Css display contents
CSS