How to set all columns in grid to same size?

Ionic Framework ionic-v3
1

I want to set all the columns in the attached image to the same width. Please guide

38 PM

2

Well, you know that on each row you have 12 cols right? So you can do for example:

<ion-row>
    <ion-col col6> </ion-col>
    <ion-col col2> </ion-col>
    <ion-col col2> </ion-col>
    <ion-col col2> </ion-col>
<ion-row>

With this you will have your first column bigger than the others (for example the column with comprehension in your image) and the other columns you can even do one of them col3 or col4 or whatever so just play with cols :slight_smile:

3

Hi,
The issue with this approach is that the grid tries to stay within the screen then. Like so,

54 PM
Screen Shot 2017-08-03 at 2.42.54 PM.png468×598 47.9 KB

I want it to be able to scroll horizontally as well

4

Try giving another col size and some custom css to the text :slight_smile: