I want to take a step back here. I've attached an example.
fluid grid - i noticed that each grid container applies to what i would describe as a single row. So with this technique you are required to create a new container for each row?
buttons - in my example i have 4 buttons. I want 2 cols 2 rows. I want the buttons to equally fill the browser. Right now the fluid grid handles the horizontal layout. How do I get those buttons to size their heights equally to fill the browser?