Buenas amigo,
Creo que lo mas sencillo sería hacerlo con bootstrap usando su estilo de rejillas pero si lo quieres hacer a mano también hay varias maneras.
La gente dice que lo mas sencillo para jugar con divs es la propiedad flex de CSS.
Yo te he hecho rapidamente un ejemplo a la antigua con float , que esta con % y debería verse bien en pantallas de distinto tamaño modificando el height del div grupal.
Aqui lo tienes:
http://codepen.io/anon/pen/MydZQB