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

4 votes219 views1 answer
Png shadow css
CSS
1 vote211 views1 answer
Highlight table row on hover
CSS
10 votes190 views2 answers
Css list elements horizontally
CSS
0 vote255 views1 answer
Menu always center css
CSS
0 vote216 views1 answer
Css locks
CSS
2 votes200 views1 answer
Website css not loading
CSS
27 votes213 views3 answers
Align div to center of screen
CSS
2 votes194 views1 answer
XAMPP: Another web server daemon is already running
CSS
0 vote206 views1 answer
Over to remove padding css
CSS
7 votes226 views3 answers
Change font awesome icon color
CSS