# Relative columns in grid

**URL:** <https://forum.ionicframework.com/t/relative-columns-in-grid/62495>\
**Category:** ionic-v1\
**Created:** [September 3, 2016, 11:34pm UTC](https://forum.ionicframework.com/t/relative-columns-in-grid/62495 "2016-09-03T23:34:25Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![nroy](https://avatars.discourse-cdn.com/v4/letter/n/58f4c7/32.png) [@nroy](https://forum.ionicframework.com/u/nroy)\
**Post date:** [September 3, 2016, 11:34pm UTC](https://forum.ionicframework.com/t/relative-columns-in-grid/62495/1 "2016-09-03T23:34:25Z")

</div>

```
[Columns look fine when screen size is large](http://i.stack.imgur.com/heu0l.png)

```

[Columns not aligned when screen size reduced](http://i.stack.imgur.com/JKAhp.png)

I am working on an Ionic based web-application. This page’s layout is three separate column lists. When the screen size is too small, the middle column automatically resizes to wrap the text, and as a result, is not properly aligned with the two outer columns.

How can I ensure that the alignment adjusts for all screen sizes?

Thanks!