A simple solution for a CSS responsive background image

One of the problems I’ve encountered when I started to develop responsive websites was the ability to create a CSS responsive background image. Then I’ve found a solution which, for now, it is a good one and I would like to share it with you.

The solution it is simple and it implies to use background-size: 100%; for the container which has the background image and also, to make it fully responsive, a new conainer with top padding it is needed. Let’s see exactly how will this work on Bootstrap 3.0 CSS framework.

Read more