<ion-grid>
<ion-row>
<ion-col size="12" size-sm="6" size-md="4" size-lg="3" size-xl="2">
This column takes 12/12 column width on the smallest (xs) screens. It takes 6/12 column width on small screens. It takes
4/12 column width on medium sized screens. It takes 3/12 column width on large sized screens and it takes 2/12 column
width on extra-large screens.
</ion-col>
<ion-col size="12" size-sm="6" size-md="4" size-lg="3" size-xl="2">
This column takes 12/12 column width on the smallest (xs) screens. It takes 6/12 column width on small screens. It takes
4/12 column width on medium sized screens. It takes 3/12 column width on large sized screens and it takes 2/12 column
width on extra-large screens.
</ion-col>
<ion-col size="12" size-sm="6" size-md="4" size-lg="3" size-xl="2">
This column takes 12/12 column width on the smallest (xs) screens. It takes 6/12 column width on small screens. It takes
4/12 column width on medium sized screens. It takes 3/12 column width on large sized screens and it takes 2/12 column
width on extra-large screens.
</ion-col>
<ion-col size="12" size-sm="6" size-md="4" size-lg="3" size-xl="2">
This column takes 12/12 column width on the smallest (xs) screens. It takes 6/12 column width on small screens. It takes
4/12 column width on medium sized screens. It takes 3/12 column width on large sized screens and it takes 2/12 column
width on extra-large screens.
</ion-col>
<ion-col size="12" size-sm="6" size-md="4" size-lg="3" size-xl="2">
This column takes 12/12 column width on the smallest (xs) screens. It takes 6/12 column width on small screens. It takes
4/12 column width on medium sized screens. It takes 3/12 column width on large sized screens and it takes 2/12 column
width on extra-large screens.
</ion-col>
<ion-col size="12" size-sm="6" size-md="4" size-lg="3" size-xl="2">
This column takes 12/12 column width on the smallest (xs) screens. It takes 6/12 column width on small screens. It takes
4/12 column width on medium sized screens. It takes 3/12 column width on large sized screens and it takes 2/12 column
width on extra-large screens.
</ion-col>
<ion-col size="12" size-sm="6" size-md="4" size-lg="3" size-xl="2">
This column takes 12/12 column width on the smallest (xs) screens. It takes 6/12 column width on small screens. It takes
4/12 column width on medium sized screens. It takes 3/12 column width on large sized screens and it takes 2/12 column
width on extra-large screens.
</ion-col>
</ion-row>
</ion-grid>