Inner ion-row cause blank

Ionic Framework ionic-v3
1

I am trying to get the following the layout for my rows

59

my layout is as below:

<ion-item *ngFor="let item of filteredProducts">
      <ion-row>
        <ion-col col3>
          <ion-card>
            <ion-thumbnail item-start>
              <img [src]="item.logo_image" />
            </ion-thumbnail>
          </ion-card>
        </ion-col>
        <ion-col col2>
          <ion-row>
            <ion-label>{{item.title}}</ion-label>
          </ion-row>
          <ion-row>
            <ion-label text-wrap>{{item.description}}</ion-label>
          </ion-row>
        </ion-col>
      </ion-row>
    </ion-item>

but seems a child row makes the complete display disappear. If I took out the inner row it works.

2

Replace <ion-label tag to any other HTML tag i.e(use <h3>) tag.