Планшет

Разработка сетки дает основу типовым макетам для всего сайта (карточка услуги, формы, лента уведомлений, личный кабинет) и заготовку для единичных случаев (главная страница, карточка ФРГУ). Сетка используется для формирования контента в функциональные блоки. Элементы внутри блоков упорядочиваются согласно правилам ГУИ.

Количество колонок и ширина

12-колоночная сетка является базовой для всех страниц под планшет. И является масштабируемой.

На планшете рабочая ширина сетки — 90 %.

 

Ширина колонок

Ширина одной колонки — 8.333% px.
Колонки имеют фиксированые
внутренние отступы:
8px — С левой стороны
7px — С правой стороны

Отступы

Отступ между колонками — 15 px.
он складывется из внутренних отступов
колонки (7px + 8px)
Отступы от края экрана
Составляют 5%, и захватывают один
внутренний отступ колонки.

 

 

Лайткуб