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 vote144 views1 answer
Corsair css
CSS
1 vote142 views1 answer
Why is my css code not working
CSS
0 vote138 views1 answer
Souligner titre css
CSS
26 votes147 views6 answers
Css colors
CSS
29 votes181 views3 answers
Green hex code
CSS
0 vote143 views1 answer
How to use hr lines in a class css
CSS
0 vote141 views1 answer
Css transition only once
CSS
0 vote127 views1 answer
Advanced custom fields cpt options pages
CSS
0 vote145 views1 answer
Space in css :before :after
CSS
0 vote148 views1 answer
Fluid typography for Safari
CSS