ionic row full width code example

Example 1: ionic grid

<ion-row>
    <ion-col size="12" size-md>
      ion-col [size="12"] [size-md]
    </ion-col>
    <ion-col size="12" size-md>
      ion-col [size="12"] [size-md]
    </ion-col>
    <ion-col size="12" size-md>
      ion-col [size="12"] [size-md]
    </ion-col>
    <ion-col size="12" size-md>
      ion-col [size="12"] [size-md]
    </ion-col>
  </ion-row>

Example 2: ion-row scrolly

<ion-row class="forecast_container">
<ion-col>.......</ion-col>
<ion-col>.......</ion-col>
<ion-col>.......</ion-col>

</ion-row>

/**CSS*/
.forecast_container{
  flex-wrap: nowrap;
  overflow-x: scroll!important;
  overflow-y: hidden;
}