Что такое smart grid

Рассмотрим инструмент который существенно ускорит вёрстку сайта, а именно разберёмся с вопросом что такое smart grid.

Smart grid — позволяет оптимизировать процесс вёрстки по средством созданных в нём примесей препроцессоров css. данные примеси позволяют быстро создать гибкие сетки любого количества колонок изменением одной лишь переменной. На этом возможности smart grid не заканчиваются — в нём существуют примеси, которые позволяют с минимальными усилиями делать адаптивности (не придётся вручную набирать длинные медиазапросы). Также на ваше усмотрение можно поменять значения брекпоинтов в зависимости от макета.

Для генерации css библиотеки smart grid необходимо выполнить команду:

1

gulp smartgrid

Smart grid является хорошей альтернативой bootstrap, но в отличии от него он менее тяжеловесный и не нуждается в дополнительных классах.

Скачать стартовый проект smartgrid