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 vote118 views1 answer
Bootstrap 5 carosul height set
CSS
0 vote135 views2 answers
How to use font awesome unicode in css
CSS
150 votes127 views2 answers
How to link your css file to html
CSS
0 vote149 views1 answer
Bootstrap 4 input error
CSS Bootstrap
0 vote119 views1 answer
Css banner image
CSS
0 vote119 views1 answer
Como fazer uma linha vertical no html
CSS
0 vote117 views1 answer
Css change class name start with
CSS
3 votes103 views1 answer
Remove default style from links css
CSS
0 vote112 views2 answers
Background image syntax in css if it in folder
CSS
1 vote107 views1 answer
Css element same line
CSS