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

41 votes136 views6 answers
Media query for mobile min and max width
CSS
0 vote132 views1 answer
Css grow
CSS
0 vote130 views1 answer
Frontend to backend fetching
CSS
19 votes108 views3 answers
Bootstrap media queries
CSS Bootstrap
92 votes299 views5 answers
Bootstrap primary color code
CSS Bootstrap
2 votes146 views1 answer
Nunito font family
CSS
0 vote128 views1 answer
Acf wysiwyg height
CSS
32 votes191 views6 answers
Alert bootstrap
CSS Bootstrap
4 votes90 views1 answer
Background position center center
CSS
0 vote125 views1 answer
Html click through image
CSS