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 vote291 views2 answers
Bootstrap 4 scss angular 8
CSS Bootstrap
0 vote235 views1 answer
Import tailwind
CSS
0 vote274 views2 answers
How to make a strip in html and css
CSS
0 vote265 views1 answer
Rendre une div scrollable
CSS
0 vote232 views1 answer
Flex starty
CSS
1 vote286 views1 answer
Symfony version check
CSS
0 vote249 views1 answer
Css grow
CSS
1 vote235 views1 answer
Html details summary marker remove
CSS
0 vote237 views1 answer
How to dedeclare a variable and use it in css
CSS
0 vote260 views1 answer
Css tips and tricks to handle the complicated stuffs in design part which is helpfull to handle at tha critical time and to deliver requirement to the client to the main resource
CSS