Я использую Zurb-Foundation.

Есть ли способ установить две сетки одинаковой высоты, если они расположены горизонтально. И если они расположены вертикально, я хочу установить другую высоту.

<div class="row">
<div id="left" class="large-4 columns">
<div id="right" class="large-8 columns">
</div>

Например, если «левая» сетка имеет высоту 400px, а «правая» сетка имеет высоту 300px, я хочу установить правильную сетку 400px, поскольку они горизонтальны. Но на маленьком дисплее, как на смартфоне, они расположены вертикально. В этом случае я хочу установить «правильную» исходную высоту сетки (300 пикселей).

Как я могу это сделать?