Estoy usando zurb-foundation.

¿Hay una manera de establecer dos rejillas de la misma altura, si están dispuestas horizontalmente? Y si están dispuestas verticalmente quiero configurar diferentes alturas.

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

Por ejemplo, si la cuadrícula "izquierda" tiene una altura de 400px y la cuadrícula "derecha" tiene una altura de 300px, quiero configurar la cuadrícula derecha 400px tanto como sea horizontal. Pero en una pequeña pantalla como smartphone están dispuestas verticalmente. En este caso, quiero establecer la altura original de la cuadrícula "correcta" (300 px).

¿Cómo puedo hacerlo?