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 vote360 views1 answer
Css on field blank red border
CSS
2 votes391 views2 answers
Poppins cdn
CSS
165 votes455 views6 answers
Box shadow inset
CSS
0 vote374 views1 answer
Change last character color css
CSS
0 vote403 views2 answers
Sass example html
CSS
0 vote370 views1 answer
Request.env.cr.execute how to get the fetched data in dictionary
CSS
0 vote379 views1 answer
Vertical align h1 inside div
CSS
12 votes383 views4 answers
Hover on one div affect another
CSS
7 votes407 views3 answers
Embed google font css
CSS
67 votes393 views6 answers
Media query in css
CSS