Для получения полного доступа
зарегистрируйтесь

12-колоночная сетка на 16 строк CSS кода


Впринципе ничего особенного, просто сетка на 12 колонок, привязанная к data параметрам

[data-rbk-container] { width: 1170px; margin: 0 auto; }
[data-rbk-row] { display: block; }
[data-rbk-row]:after, [data-rbk-row]:before { content: ' '; display: block; clear: both; height: 0; }
[data-rbk-col] { display: block; box-sizing: border-box; width: 50%; padding: 15px; float: left; }
[data-rbk-col="1"] { width: 8.333%; }
[data-rbk-col="2"] { width: 16.666%;}
[data-rbk-col="10"] { width: 83.333%;}
[data-rbk-col="3"] { width: 25%; }
[data-rbk-col="2.5"] { width: 20%; } /* for 5th colons */
[data-rbk-col="9"] { width: 75%; }
[data-rbk-col="4"] { width: 33.333%; }
[data-rbk-col="8"] { width: 66.666%; }
[data-rbk-col="5"] { width: 41.666%; }
[data-rbk-col="7"] { width: 58.333%; }
[data-rbk-col="11"] { width: 91.666%; }
[data-rbk-col="12"] { width: 100%; }

View Demo

Чтобы увидеть комментарии, нужно быть участником сообщества

Регистрация