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

3 votes148 views1 answer
Css display block ease in
CSS
19 votes174 views3 answers
Center in grid
CSS
72 votes163 views6 answers
Flexbox css
CSS
80 votes197 views6 answers
Add css file to html
CSS
0 vote177 views1 answer
Css keep element on same position among different screen size
CSS
24 votes201 views3 answers
Remove underline from a link css
CSS
12 votes183 views5 answers
Responsive font-size
CSS
0 vote169 views1 answer
Element selector css
CSS
-1 vote159 views2 answers
Css make border rotate around element
CSS
88 votes256 views6 answers
Css border radius
CSS