Specific height for a row in a grid

Hello everybody !

I am building my first app with Ionic and I am having problems creating my first grid. I would like to have an ion-view split into 5 rows taking respectively 25%, 20%, 20%, 10% & 25% of the remaining space (I have a header and a footer).

I tried this: Ionic grid, but could not make it work.

Has anyone ever encountered the same issue and has a solution ?

Bump with info:

When I use the min-height with a percentage parameter it is not working but it is when I use pixels. Is this a bug or my implementation is wrong ?

Working: div class=“row” style=“min-height: 50px”

Not working: div class=“row” style=“min-height: 50%”

1 Like