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

1 vote226 views2 answers
Min css
CSS
11 votes217 views2 answers
How to change image position in css
CSS
0 vote233 views1 answer
How to background in modal css html and closee th modal with background
CSS
42 votes215 views4 answers
Css center div in page
CSS
1 vote231 views1 answer
Repeat autofill css grid minmax
CSS
161 votes225 views6 answers
Css bold text
CSS
1 vote170 views1 answer
Transition all 0.3s ease-in-out
CSS
17 votes211 views1 answer
AppData\Roaming\npm\react-native.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
CSS
0 vote222 views1 answer
Flex-wrap#verhindert auslaufen aus container
CSS
0 vote222 views2 answers
Woocommerce cart css description
CSS