how to make div background image responsive

Question

How to make this image responsive HTML: ```

``` CSS: ``` #first .smashinglogo {background: url(../images/logo1.png) 50% 100px no-repeat fixed;} ```

Accepted Answer

Use `background-size` property to the value of `100% auto` to achieve what you are looking for.

For Instance,

```
#first .smashinglogo{
   background-size:100% auto;
}
```

Hope this helps.

PS: As per your code above, you can remove `fixed` and add `100% auto` to achieve the output.

Solution