Set height of col / row


#1

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>
<div class="row">
  <div class="col  mygrid">Wind</div>
</div>
</ion-content>
</ion-view>

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

any tips?

thanks
isa


#2

Here comes the magic that is flex box.


#3

mhartington, thank you so much!

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

thanks
isa


#4

but the nested nor work !!!

http://stackoverflow.com/questions/31487416/ionicframework-nested-vertical-full-height-flexbox


#5

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