Dynamicznie poszerzająca się wysokość

Cześć,
próbuję zrobić dynamicznie poszerzającą się wysokośc zależną od wyskości divów "left", "center" oraz "right".
Tak to wyląda:
https://codepen.io/anon/pen/oWqMeX
Jak widać kolumny wyjeżdżają za główną sekcję(tą niebieską). Jak to poprawić, żeby się rozszerzało dynamicznie? Czemu to się tak dzieje skoro kolumny są w sekcji>

Chodzi o to, żeby wyskokośc głównej sekcji była zależna od wysokości kolumn.

Mam rozwiązanie: użyłem display: table-cell;. Tylko mam do tego pytanie. Czy jest to najlepsze z możliwych rozwiązań, czy zna ktoś lepsze?

Ponownie muszę polecić klasę clearfix z bootstrapa. ;)

section.offer::after{
  clear: both;
  display: table;
  content: "";
}

https://codepen.io/anon/pen/oWqaoJ

Ok. Dzięki, dobrze wiedzieć. Będę mieć to na uwadze. Znalazłem już rozwiązanie a jak widzę w Bootstrapie jest podobnie to rozwiązane, więc chyba jest ok. Na razie trzymam się zdala od wszelakich frameworków :)