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 vote322 views1 answer
Emotion select all childrens
CSS
0 vote336 views1 answer
PacSelectFirst( submit button
CSS
53 votes321 views6 answers
Css transparent background image
CSS
3 votes350 views1 answer
Trash icon favicon
CSS
0 vote313 views1 answer
Easyui datagrid header wrap
CSS
0 vote312 views1 answer
Background single line property css
CSS
22 votes394 views2 answers
React bootstrap carousal not working
CSS Bootstrap
0 vote325 views1 answer
On frontend grivity form css not load
CSS
0 vote320 views1 answer
Media queries import file
CSS
0 vote323 views1 answer
Code to change size when hover effect
CSS