title: How to achieve 2 rows + 1 column grid layout
body: <p>I'm trying to come up with simple way of creating a grid like container that has 2 columns, one column split up into 2 rows and the other column full height. Here's an image illustrating what I'm after. </p>
  
  <p><img src="https://i.stack.imgur.com/wIy9U.jpg" alt="enter image description here"></p>
  
  <p>It looks a bit complicated but I was thinking about using a responsive grid system to get this to look the way I want. I've tried various grid layouts and none seem to be able to mimic what I'm after, mainly the right column being full height and the left column being split into two. </p>
  
  <p>Does anyone know of a way to do this? I tried bootstrap but it's not really responsive enough for this I feel. Please correct me if I'm wrong. Any guidance would be very much appreciated. </p>
  
  <p>Thanks! </p>