home.html

<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>