Responsive grid with list[SOLVED]

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 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
i found out about media queries for orientation.i tried this

@media all and (orientation: landscape) {  

still didn’t work

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;