Set height of col / row


hi there

how can i set the height of the col / row?

I have this code:

<ion-view title="About Ionic">
<ion-content padding="true">
<div class="row">
  <div class="col mygrid">Wetter</div>
<div class="row">
  <div class="col  mygrid">Wind</div>

what i want is to split the content into 50/50% areas for the height - not the width.

any tips?



Here comes the magic that is flex box.


mhartington, thank you so much!

fast and very helpful - as always here. you are awesome!



but the nested nor work !!!


Shouldn’t need !important everywhere to do something like this. Does anyone have a better solution?