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

24 votes279 views6 answers
Background remover
CSS
3 votes266 views3 answers
Svg animation css
CSS
0 vote332 views1 answer
Bootstrap-navbar-containers
CSS Bootstrap
0 vote288 views1 answer
Html css psd
CSS
45 votes299 views3 answers
Collapse all code vscode
CSS
0 vote262 views1 answer
Css grid auto wrap
CSS
0 vote253 views2 answers
Css flip text
CSS
4 votes285 views2 answers
Change element in iframe
CSS
7 votes300 views2 answers
Css change link color in class
CSS
1 vote267 views1 answer
Css line break width
CSS