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

6 votes358 views2 answers
Remove button default border css
CSS
0 vote364 views1 answer
Css 2 images side by side to stack
CSS
0 vote364 views3 answers
Sass use variables from another file
CSS
15 votes373 views3 answers
Css change text
CSS
0 vote333 views1 answer
Vuetify input change outline color
CSS
4 votes366 views1 answer
Clealyrun
CSS
0 vote365 views1 answer
Style input type range shaded part only
CSS
2 votes291 views1 answer
Xpath vs css selector
CSS
1 vote361 views1 answer
Css vw scrollbar
CSS
60 votes345 views5 answers
Rotate div css
CSS