Ionic Grid and orientation change

ionic-v1
1

I’m trying to achieve something like this:

  • portrait: 3 rows each 100% wide and 33% height
  • landscape: 3 columns each 33% wide and 100% height

Is this possible with the Ionic Grid system?

2

I would use media queries to set width limits like bootstrap did with “lg”, “sm” and so on.

Take a look in:
http://blog.teamtreehouse.com/responsive-design-of-the-future-with-flexbox
The part: Flexbox and media queries

1 Like