Сделал адаптивную сетку, что можно улучшить? Что с ней не так?

Question

[Дима]

Написал вот такую вот сетку на флексбоксах.

Имена решил сделать кратными количеству колонок. То есть если у вас в макете 4 колонки, то ставим каждой колонке класс .col-4. Ну и под разные разрешения написал разное поведение этих самых колонок. Пока разрешения 3: >600, >1024, <1024

Еще есть возможность процентного соотношения, например, нужен блок на 2/3 и второй блок на 1/3. Ставим классы .col70 и col30, и все работает (но адаптивность они не поддерживают).

Что посоветуйте добавите? Как думайте, есть ли смысл в такой сетке или есть инструменты по-проще?

Спасибо за ответы

Answer 1

[profesor08]

Бутстрап только на оборот. Пользы от этого только чтоб запутать. Брейкпоинты ни рыба ни мясо. Гибкости практически нет.

Comments

[Дима]

Спасибо! А можете пояснить, что вы имеете в виду под
«брейкпоинты ни рыба ни мясо» и «гибкости практически нет»?

[profesor08]

Вот хочу я чтоб на мобилке была табличка из шести колонок.

[Дима]

profesor08, можно использовать .col-12 в таком случае)

[profesor08]

Ну почему 12, а не 6? 6 колонок же.

Имена решил сделать кратными количеству колонок.

[Дима]

Потому что ориентировался на реалии) Никто 6 колонок с текстом на мобилках не делает, все переносят их в три, максимум

[profesor08]

Я делаю и много кто еще. Таблички с циферками.