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 vote290 views1 answer
Ul reset
CSS
0 vote554 views1 answer
Twig inline css
CSS
0 vote347 views2 answers
Materialize css
CSS Materialize
-2 votes312 views1 answer
Difference between numpy array and matrix
CSS
0 vote290 views1 answer
Css grid auto row
CSS
0 vote286 views1 answer
Changing bakcgound color like animation using tailwind
CSS
4 votes358 views1 answer
Animation-direction property
CSS
7 votes290 views3 answers
Pm2 remove process from list
CSS
0 vote269 views1 answer
Material css sidebar
CSS
1 vote349 views1 answer
Bootstrap col no gaps
CSS Bootstrap