This is a simple layout:
<ion-content>
<ion-grid *ngIf="loaded">
<ion-row>
<ion-col>Stuff</ion-col>
<ion-col>Stuff</ion-col>
<ion-col>Stuff</ion-col>
</ion-row>
</ion-grid>
<ion-content>
However, the <ion-row> element appears offscreen because of a -15px margin applied on both sides. Is this the expected behavior?
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}