Grid система в Gantry как в bootstrap? - Joomla 3.x: Установка, обновление и настройка

Здравствуйте!
У же всю голову сломал, не могу найти документацию.
В bootstrap можно указать сколько элементов отображать на разных экранах, типа так и пишем в классе col-sm-3 .col-md-5 - что означает, на маленьких экранах 3, на средних 5.
Как сделать тоже самое в Gantry5? Вижу только ширину элементов size-5 .size-10, .size-15, .size-20, .size-25
а как привязать ее к размеру экрана?
 !

Как сделать тоже самое в Gantry5? Вижу только ширину элементов size-5 .size-10, .size-15, .size-20, .size-25

Если всё правильно понял, то в Gantry через классы задаётся видимость того или иного блока (частицы, particle) hidden-phone или visible-desktop, а их ширину настраиваешь уже шириной самих частиц, можешь сделать их фиксированной: Fixed size - [√]. Так же в настройках стилей можно изменить ширину шаблона Large Desktop = 90rem

Смысл в том, что блоки плавающие.
На десктопе 4 по 25%, на планшете 3 по 30%, на большом телефоне 2 по 50%, на маленьком 1 блок на всю ширину 100%.
В bootstrap это легко делается через классы в макете col-sm-3 = 3 колонки на маленьком экране (sm)
Это карточки товаров. Их невозможно указать прямо в настройках шаблона.
То, что вы дали - это другое.
Мне нужно не видимость задать, а количество карточек в одной строке, в зависимости от размера экрана.

То, что вы дали - это другое.
Мне нужно не видимость задать, а количество карточек в одной строке, в зависимости от размера экрана.

Да, согласен - это не то. Ну эту статью скорее всего читали?

Да, читал. И она не дает ответ на вопрос.
В ней описано, как сделать карточки, это да. Но в какой-то момент, при уменьшении размера экрана, все они просто падают друг под друга.
Нам же нужно, чтобы была полная адаптивность. 4 карточки, 3, 2, 1.
Собственно я решил проблему подключением CSS UIkit - легкий фрейморк и в нем есть то, что нужно и супер гибко, вот пример класса для карточки
То есть на больших и средних экранах по по 3 карточки в ряд, на маленьких 2.
При переходе на очень маленькие - 1 карточка в ряд.
Но имея на борту Gantry5 еще и подключать отдельный фреймворк для этой задачи, как-то жирно получается.
Не врубаюсь, почему нет подобного в Gantry5 - ведь очень мощная штука. Я более гибкой админки не встречал, а перещупал очень много и остановился именно не нем.

Собственно я решил проблему подключением CSS UIkit - легкий фрейморк и в нем есть то, что нужно и супер гибко, вот пример класса для карточки
Не врубаюсь, почему нет подобного в Gantry5 - ведь очень мощная штука. Я более гибкой админки не встречал, а перещупал очень много и остановился именно не нем.

Да два фреймворка на одном движке - это тяжеловато, студия Inspiretheme этим "грешит".
А прописывать и присваивать собственные стили для каждого блока/particle не пробовали? Вот по такому примеру, ещё вот тут почитайте по стилям.