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

При любом типе отображения для блока можно установить разделитель для указания границы блока и назначить серый фон на весь блок (1). Всем типам отображения можно задать ширину и отступы между элементами (2). А второму и третьему типу — настроить тип изображения (3).

Также задайте верхние и нижние отступы, которые отделяют блок от соседних (4). Выберите отображение заголовка блока и его позицию (5). Настройте расположение табов для переключения срока действия тарифов (6).

Вот так выглядит блок с разделителем и серым фоном.

Верхние и нижние отступы задаются по конкретным значениям и определяют, насколько блок будет отдален от соседних блоков. Всего четыре интервала: 0, 40, 80, 130. Чем больше значение, тем удаленнее блок.

• верхний блок: 0, нижний: 0;

• верхний блок: 130, нижний: 130.

Рассмотрим отображение заголовка блока. При выключенном параметре исчезает не только заголовок, но и описание.

• блок с заголовком;

• блок без заголовка.

Позиции заголовка блока могут быть следующих видов: обычный; заголовок слева, описание справа.

• Обычная позиция заголовка.

• Позиция заголовка: заголовок слева, описание справа.

Табы для переключения срока действия можно расположить внутри тарифов или сверху от них. При этом табы сверху будут общими для всех тарифов.

• Расположение табов: внутри;

• Расположение табов: сверху.

Рассмотрим, чем отличаются широкие и неширокие тарифы, с отступами и без отступов:

• неширокие тарифы;

• широкие тарифы;

• тарифы с отступами;

• тарифы без отступов;

Второму и третьему типу блока в качестве вида изображения можно назначить иконки или картинки.

• изображения: иконки;

• изображения: картинки.