If you have a full width website with a two column layout, it’s sometimes necessary to make the container background stretch beyond the inner containers to the edge of the screen or browser width.

There are a number of ways to do this, but by using CSS Background Gradients on the outer parent container, the solution is only a few lines of code away.

.container {
  background: linear-gradient(
    to right, 
    #ffffff 0%, 
    #ffffff 50%, 
    #000000 50%, 
    #000000 100%