Колоночная верстка с технологией Zen Grids

Альтернатива технологии Zen Grids - создание колоночной верстки с помощью модуля Views. Для вывода материалов вида в несколько колонок или рядов укажите в настройках блока формат вывода данных Grid и задайте необходимое кол-во колонок. Ограничением данного подхода является возможность использования только для материалов модуля Views и неадаптивность верстки (кол-во колонок не зависит от ширины экрана).

Для создания колоночной верстки по технологии Zen Grids в первую очередь подключите в SASS файле библиотеку zen с помощью команды @import "zen" и укажите значения параметров сетки: кол-во столбцов сетки ($zen-column-count) и ширину зазоров между столбцами ($zen-gutter-width). Далее примените для контейнера, содержащего данные будущих колонок, миксин zen-grid-container и укажите размеры и расположение колонок в сетке с помощью миксина zen-grid-item. Для правильного отображения новых рядов в сетке используйте миксин zen-clear. Таблицы стилей компилируются из SASS-файлов с помощью команды compass compile.