Классы .grid-12 и .grid-10 разбивают блок на 12 колонок. Требуемое количество колонок задается дополнительным классом.

• преффикс md для точки 744px
• преффикс lg для точки 1024px
• преффикс xl для точки 1200px

---

.grid-12

---

Преломление от 744px

.grid-12.md-col-2

.grid-12.md-col-3

.grid-12.md-col-4

.grid-10.md-col-5

.grid-12.md-col-6

---

Преломление от 1024px

.grid-12.lg-col-2

---

Преломление от 1200px

.grid-12.xl-col-2

---

Преломление от 1600px

.grid-12.xxl-col-2

Сетка секции Почему 1C:CRM

.grid-12.xxl-col-2
	.block1(style="background: lightgreen; min-height:100px;")
	.block2(style="background: white;")
		.grid-12.lg-col-2
			.block1(style="background: lightblue; height:80px;")
			.block1(style="background: lightyellow; height:80px;")
			.block1(style="background: orange; height:80px;")
			.block1(style="background: lightgrey; height:80px;")