# Two ion-cards per row

**URL:** <https://forum.ionicframework.com/t/two-ion-cards-per-row/77356>\
**Category:** ionic-v3\
**Created:** [January 25, 2017, 11:15am UTC](https://forum.ionicframework.com/t/two-ion-cards-per-row/77356 "2017-01-25T11:15:24Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![keloa](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/keloa/32/121254_2.png) [@keloa](https://forum.ionicframework.com/u/keloa)\
**Post date:** [January 25, 2017, 11:15am UTC](https://forum.ionicframework.com/t/two-ion-cards-per-row/77356/1 "2017-01-25T11:15:24Z")

</div>

Hi , I’m working on a project and I want to create two ionic cards per row dynamically (I’m using \*ngFor) for that. with static html what I did is that I added a new class and whenever I wanna put two cards in the same row I just use ion-row but I don’t know how I can generate a row after two cards creation. any ideas ?

thanks in advance.

---

<div class="post-metadata">

**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\
**Post date:** [January 25, 2017, 8:24pm UTC](https://forum.ionicframework.com/t/two-ion-cards-per-row/77356/2 "2017-01-25T20:24:13Z")

</div>

use ion-row with wrap and ion-col with width 50

> **[Plunker](http://plnkr.co/edit/F69E3n?p=preview)**
>
> Created on Plnkr: Helping developers build the web.