Why is ion-grid default number of columns 12?

Is there a good reason to have the default number of columns be a small number? Wouldn’t it give the developer more control over the widths with setting the default to 100 and each unit is a percent?

I love 12, because it’s evenly divisible by 2, 3, and 4.

3 Likes

It’s convient for 2,3,4 I agree, but 60 works well with columns 2 all the way up to 6.

I just don’t know if it hurts performance to have such a high default

I suspect the real reason is that they were trying to make things easy for developers accustomed to Bootstrap, which has a 12-column grid. Personally, I’ve never come across a need for a 5-column grid, so 12 works great for me. I’m not sure, but I think there is a fair amount of boilerplate CSS code that is needed for each possible colspan, which would make for pretty significant code bloat if you raise the total.

4 Likes

Convention:
https://www.quora.com/Why-do-we-generally-use-12-columns-in-a-grid-system-CSS-and-not-8-9-etc-or-15-16-etc
https://www.quora.com/Why-does-Twitter-Bootstrap-3-use-a-12-column-grid-system-by-default

1 Like

In which file I have to set $grid-columns-Value up to 24 i.e?
Tank you!

It’s in variables.scss

Thank you! I found it