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 vote393 views1 answer
Css inherit class
CSS
0 vote315 views1 answer
How to dedeclare a variable and use it in css
CSS
0 vote331 views1 answer
Grape change status code
CSS
83 votes366 views2 answers
Css text transform
CSS
0 vote382 views1 answer
Faire d'une image un lien vers le haut de page css
CSS
1 vote382 views1 answer
Input date icon color change
CSS
16 votes334 views3 answers
Remove underline hover css
CSS
0 vote390 views1 answer
Import global variables scss angular
CSS
2 votes333 views1 answer
Css focus change color
CSS
7 votes335 views4 answers
How to crop images in css
CSS