# Adding columns dynamically in one row

**URL:** <https://forum.ionicframework.com/t/adding-columns-dynamically-in-one-row/87421>\
**Category:** ionic-v3\
**Created:** [April 22, 2017, 5:48am UTC](https://forum.ionicframework.com/t/adding-columns-dynamically-in-one-row/87421 "2017-04-22T05:48:16Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![yasirpanjsheri](https://avatars.discourse-cdn.com/v4/letter/y/c0e974/32.png) [@yasirpanjsheri](https://forum.ionicframework.com/u/yasirpanjsheri)\
**Post date:** [April 22, 2017, 5:48am UTC](https://forum.ionicframework.com/t/adding-columns-dynamically-in-one-row/87421/1 "2017-04-22T05:48:16Z")

</div>

hi , I am trying to display images in one row but I want it to be dynamic where if the screen size changes its does not wrap and display them below but instead displaying a button that redirects to another page… Im not sure how to do this

so far , html:

```
<ion-row align-items-center>
        <ion-col col-auto>
            <img src="assets/images/image.png" />
        </ion-col>
        <ion-col col-auto>
            <img src="assets/images/image.png" />               
        </ion-col>
        <ion-col col-auto>
            <img src="assets/images/image.png" />               
        </ion-col>
        <ion-col col-auto>
            <img src="assets/images/image.png" />               
        </ion-col>
        <ion-col col-auto>
            <img src="assets/images/image.png" />               
        </ion-col>
        <ion-col col-auto>
            <img src="assets/images/image.png" />               
        </ion-col>
    </ion-row>

```

![image](https://global.discourse-cdn.com/ionicframework/original/3X/f/c/fcf76e927e8e3972ec566f581bdc2e42eecc6117.png)

if screen orientation changes/ smaller screen device (not the desired effect):

![image](https://global.discourse-cdn.com/ionicframework/original/3X/3/2/32c53581709ba78bc3b02f5eaf57e94dcdffb76e.png)

the desired effect supposed to be like this:

![image](https://global.discourse-cdn.com/ionicframework/original/3X/1/d/1db80683feeb5698cceb26d1fffa07e550633579.png)

I know that I have to create the columns in `.ts` side but not sure where to start and how calculate the screen width size… or maybe there is a better way to do it… any suggestions ,thanx