Смартфон

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

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

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

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

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

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

Отступы

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

 

 

 

Лайткуб