Разметка страницы в Ionic отличается от большинства других из-за применения модуля построения гибкой разметки. Преимущество заключается в том, что все устройства, поддерживаемые Ionic, поддерживают адаптивную сеточную разметку.

Просто добавьте несколько колонок в ряд, и они равномерно займут все доступное пространство. Нужно три столбца – добавьте три, нужно пять – добавьте пять. Здесь нет ограничений до 12 столбцов, Вам не нужно заранее задавать конкретные размеры каждой колонки. Более того, Вы можете настроить выравнивание контента в пределах каждой колонки по вертикали.

Класс row используется для обозначения ряда, col – для колонки. Добавьте столько колонок, сколько предусмотрено в Вашем макете и не беспокойтесь о пропорциях, поскольку эти вычисления производятся автоматически.