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 vote201 views2 answers
Prevent line break css
CSS
1 vote184 views1 answer
Css no underline
CSS
0 vote182 views1 answer
Bulma modal
CSS
3 votes187 views2 answers
Navbar box shadow
CSS
0 vote168 views1 answer
Html print page break
CSS
0 vote149 views1 answer
Css disable transition on first load
CSS
0 vote183 views1 answer
Secondline ellipsis
CSS
0 vote206 views1 answer
How to install gotham rounded as a font in visual studio code for my css file
CSS
3 votes184 views1 answer
Zoom in to picture on html css
CSS
4 votes196 views2 answers
Change element in iframe
CSS