Сітка в m.css ver.1.2 Компактний код - просте використання

Сітка в m.css ver.1.2

Сітка в m.css ver.1.2 - m-framework.com

В m.css активно використовуються переваги flexbox та автоматична адаптація сітки до розміру екрану. Сітка на 12 стовпчиків, звична для всіх типографів та дизайнерів, в m.css v.1.2 повністю відкинута і викорисовується поділ на 100%, 80%, 75%, 66.666%, 50%, 33.333%, 25%, 20%, 16.666%, 12.5%, 10% від ширини батьківського контейнеру, що дозволяє реалізувати той же поділ, проте з більш лаконічними назвами. Використання таких простих назв дозволяє суттєво знизити степінь входження в верстку, робить її стислішою та зрозумілішою.


Column 100% of width .w100
50% of width .w50
50% of width .w50
20% of width .w20
80% of width .w80
25% of width .w25
75% of width .w75
33.333% of width .w33
66.666% of width .w66
25% of width .w25
12.5% - .w12
12.5% - .w12
16.66% - .w16
16.66% - .w16
16.66% - .w16

Те ж саме можна здійснити і з полями форми:


Не забувайте, що для реалізації адаптивності ви можете використовувати кілька класів  для одного елементу, щоб описати сітку на різних розмірах екранів.

Детальніше про адаптивність йдеться на окремій сторінці.

Коментарі користувачів


Вибачте, Ви не можете залишити коментар. Спробуйте авторизуватись за допомогою логіну та паролю або скористайтеся однією з соціальних мереж: