I believe i have discovered a bug in ionic,
I have discussed this with a second developer who agrees
The issue regards the ion-grid system
Consider this code
<ion-row>
<ion-col col-6 col-sm-12>
100% width on mobile
50% width on anything bigger
</ion-col>
<ion-col col-6 col-sm-12>
100% width on mobile
50% width on anything bigger
</ion-col>
</ion-row>
It should create rows which take up 50% of the width by default and 100% of the width on small screens
However it does the opposite.
the grid section in the api docs (http://ionicframework.com/docs/api/components/grid/Grid/) states that the SM breakpoint applies to min-width: 576px (ie anything BIGGER than 576px)
Surely this should be the other way arround
it should be max-width:576px
All of the other breakpoints have the same problem