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 vote227 views1 answer
Adding diffent style in firefox css
CSS
0 vote195 views1 answer
Image with colored background html css tigether
CSS
5 votes313 views4 answers
Css inset
CSS
0 vote215 views1 answer
Html glow on hover
CSS
0 vote192 views1 answer
Table essentaial styles css
CSS
0 vote193 views1 answer
Sass file
CSS
4 votes154 views1 answer
Background position center center
CSS
75 votes222 views6 answers
Flexbox
CSS
0 vote198 views2 answers
The package could not be installed. the theme is missing the style.css stylesheet
CSS
0 vote222 views1 answer
All heading tags selector scss
CSS