Dynamic ion-item or ion-row design

<ion-grid>
    <ion-row>
      <ion-col col-6>
            <img src="assets/img/updates.jpg"  style="width:100%"/>
      </ion-col> 
       <ion-col col-6>
            <!-- <p style="margin-top:-10px">The Role of Pediatric Interventional Radiology in Lymphatic Malformation Therapy...</p> -->
            <h6 style="text-align:center;color:#10384F;margin-top:-0px;margin-left: -17px">The Role of Pediatric</h6>
            <p style="margin-top:-10px">The Role of Pediatric Interventional Radiology in Lymphatic Malformation Therapy...</p>
      </ion-col> 
      </ion-row>
      
      <div class="spacer" style="width:320px;height:0px;border-top:solid 1px #10384F;margin-left:15px" id="radiology-spacer2"></div>
      
      <ion-row>
       <ion-col col-6>
           <h6 style="text-align:center;color:#10384F;margin-top:-0px;margin-left: -29px">Pregnancy centers</h6>
            <p style="margin-top:-10px">Pregnancy centers should be able to offer free help without government interference, say their lawyers....</p>
           
       </ion-col> 
       <ion-col col-6>
        <img  src="assets/img/education.jpg" style="width:100%;height:100px"/>
            
      </ion-col>  
    </ion-row>
  </ion-grid>

**How can i achive it for *ngFor **

<ion-grid>
  <ion-row *ngFor="let item of items">
      <ion-col col-6>
          
      </ion-col> 
       <ion-col col-6>
        
      </ion-col> 
      </ion-row>
</ion-grid>

grid