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


#1

Hello,

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.

Portrait:
B1 B2
B3 B4
B5 B6

Landscape:
B1 B2 B3
B4 B5 B6

How can I do this with Ionic?

Thanks


#2

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


#3

Example answer at least ?