Background image covering half the width of my divs

Because of the reasons already mentioned twice above :slight_smile: (see the solution in post #18)

You have given the container a height of 100% and therefore it can never grow any more than 100% which in the case of your absolute element is one viewport height. As Ralph mentioned height:100% is not something that you will ever need to apply apart from on html and body when you want a min-height:100% wrapper.

I would remove the absolute positioning also as you don’t need it and will preclude you from adding any content underneath (such as a footer if required).