Responsive grid with list[SOLVED]


#1

hello,
being a beginner in ionic, i come here to ask for help.i know there’s a grid.been playing with it with no success.but what i want to do is display the list items two by two in landscape.then normal in portrait mode.how to do that with the grid?or any other solution?
thank you
EDIT:i managed to put the items one above the other in landscape mode.still didn’t achieve what i wanted.2 cols in a row
EDIT:
i found out about media queries for orientation.i tried this

@media all and (orientation: landscape) {  
.columns{
column-count:2;
width:50%;
}
}

still didn’t work


#2

here’s the media query i used

    @media all and (orientation:landscape) {
   .two-col {
       -moz-column-count: 2;
       -webkit-column-count: 2;
       column-count: 2;
       width:100%;
}
}