So erstellen Sie dieses Layout in Ionic3

Ich möchte das Layout erstellen, unten habe ich versucht, css padding: 0; zu verwenden, aber ich bekomme immer noch einige Padding und Marge. Das zweite Bild ist was ich bekomme. Code für das LayoutSo erstellen Sie dieses Layout in Ionic3

<ion-content class="home"> 
    <ion-grid> 
     <ion-row> 
     <ion-col> 
      <img src="assets/Instrumentitem1.png" alt=""> 
      <p>Bass</p> 
     </ion-col> 
     </ion-row> 
     <ion-row > 
     <ion-col> 
      <img src="assets/Instrumentitem2.png" alt=""> 
      <p>Cello</p> 
     </ion-col> 
     </ion-row> 
     <ion-row> 
     <ion-col> 
      <img src="assets/Instrumentitem3.png" alt=""> 
      <p>Viola</p> 
     </ion-col> 
     </ion-row> 
    </ion-grid> 
</ion-content>

Für mein Styling das ist, was ich getan habe. Ich hatte auch versucht, Padding und Rand auf dem Bild zu entfernen, aber ich habe die gleichen Ergebnisse.

.home{ 
     scroll-content{ 
     display: flex; 
     flex-direction: column; 
     } 
    ion-grid{ 
     padding: 0; 
    } 
    ion-row{ 
     flex: 1; 
    } 
    img{ 
    } 
    p{ 
    position: absolute; 
    color: white; 
    font-size: 3em; 
    font-weight: bold; 
    top: 10%; 
    right: 20%; 
    } 
    }