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

35 votes265 views3 answers
What does class="d-none d-md-block" mean in bootstrap?
CSS
3 votes257 views3 answers
Zoom image inside div and move
CSS
0 vote229 views2 answers
Position relative get in center
CSS
0 vote247 views1 answer
Scss color black white
CSS
0 vote242 views1 answer
CKEDITOR PUSH TEXT IN FRONT OF CURSOR
CSS
1 vote250 views1 answer
::-ms-clear
CSS
0 vote252 views1 answer
Couloured button link generator code
CSS
0 vote263 views1 answer
Insert a new key value in an object of an array
CSS
6 votes261 views3 answers
Print media css
CSS
25 votes264 views5 answers
Image blur css
CSS