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

1 vote158 views1 answer
Import maxcdn.bootstrapcdn.com not in index.html in specific component file
CSS
9 votes179 views1 answer
Css border top
CSS
12 votes174 views2 answers
How to center element in bulma
CSS
2 votes173 views1 answer
Css preprocessor
CSS
0 vote185 views1 answer
CSS class inheritance
CSS
3 votes173 views1 answer
Illuminate\Database\QueryException could not find driver
CSS
19 votes173 views6 answers
Css text border
CSS
49 votes197 views5 answers
Css first
CSS
1 vote238 views2 answers
Selector CSS Example
CSS
0 vote246 views2 answers
Bootstrap 5 container
CSS Bootstrap