Этот сайт содержит большие скриншоты и встроенные примеры сложных компоновок блоков, поэтому он оптимизирован для достаточно широких экранов. Хотя бы от 1280 пикселей.

Плитки

Разберем этот вариант компоновки на примере картинок (хотя он подходит для любых списочных типов данных и даже для контейнеров). Откройте окно настроек блока (вкладка “оформление”) и установите компоновку в “Плитки”. Здесь вы можете указать количество плиток в строке (если их четыре, с пятой начнется следующая строка), отступы по горизонтали и вертикали и вертикальное выравнивание плиток внутри блока.

Адаптация к ширине блока

На маленьких экранах и в узких колонках много плиток будут смотреться, мягко скажем, странно. Но мы можем переопределить количество плиток в строке в зависимости от ширины блока.

Для этого нам надо определить, на каких размерах блока надо менять количество плиток. Например, при ширине от 1024 пикселя колонок будет четыре, в диапазоне 800-1024 - три, 480-800 - две, меньше 480 - одна.

Для начала добавим все эти брейкпоинты так, как описано в главе про адаптацию. По завершении у вас получится примерно такая картинка:

Теперь нажмем на пересечение столбца с диапазоном “800-1024” и строки компоновки и укажем новое значение количества плиток:
Сделаем то же самое с остальными диапазонами. 
И вот результат (подвигайте границу экрана):
Не забудьте убедиться, что точки перехода применены к ширине блока, а не экрана:
Вообще, при настройке количества колонок можно отталкиваться и от ширины экрана, но бывают случаи, когда нужный нам блок взаимодействует с другим блоком. Например, блок новостей добавлен в контейнер, и справа от новостей мы выводим что-то еще.

(Забегая вперед: к контейнерам все эти приемы с точками перехода также применимы.) И вот на ширине экрана 900 мы хотим перестроить компоновку контейнера, чтобы текст ушел вниз.

Но, выходит, что:

  • При ширине экрана 1024 пикселя ширина блока новостей составит 512 пикселей - надо показывать новости в две колонки
  • При ширине 900 пикселей блок новостей займет 100% ширины экрана - надо показывать новости в три колонки
  • При ширине 800 и ниже - снова в две

Поэтому в данном случае лучше количеству колонок зависеть от ширины блока.

Кстати, вверху окна настроек оформления есть такая прекрасная вещь как базовые настройки оформления. Это сохраненный набор настроек, который можно применять к блоку, чтобы каждый раз не воспроизводить одну и ту же таблицы. В Неткэте уже есть несколько преднастроенных настроек, например, для компоновки с разной шириной блока.