Smart grid - базовая информация

Данный раздел состоит из двух частей.

1. Философия

Рассказывает о назначении библиотеки и её идеологических отличиях от популярных CSS-сеток.

2. Установка

Содержит информацию о начале использования модуля smart-grid.

А на данной страничке сразу разберём ответ на популярный вопрос - зачем нужны какие-то эмуляторы сетки, если есть CSS Grid Layout?

Grid Layout - вещь замечательная, но есть нюансы.

  1. Реальную выгоду CSS Grid Layout даёт при вёрстке сложных блоков, когда нам действительно нужны действия по двум направляющим осям.
  2. Когда элементы идут по одной главной направляющей оси (а таких элементов большинство), в 90% случаев код на flexbox будет не хуже, а порой ещё и лаконичнее.
  3. На момент написания данного текста поддержка технологии 93%. Это достаточно много, однако, подойдёт не для всех проектов.

Важно понимать, что Smart Grid не конкурент Grid Layout. Smart Grid просто предлагает быстрее сгенерировать код flexbox-сетки для тех ситуаций, где использование flexbox логичнее применения Grid Layout.