How to display 2 column on portrait, 3 column on landscape


I want to display 6 buttons at home page. I want to display them as a grid and this grid should have 2 columns on portrait, 3 columns on landscape. And if user rotates the phone, it should be changed automatically.

B1 B2
B3 B4
B5 B6

B1 B2 B3
B4 B5 B6

How can I do this with Ionic?


Mediaqueries and scss :slight_smile: Ionic doesn’t facilitate this.

1 Like

Example answer at least ?