.grid - класс создает 12 колонок ; .grid-N - доп класс формирует N колонок

.xxl -от 1440 и выше

.xl - @media(max-width:1439px)

.lg - @media(max-width:1199px)

.md - @media(max-width:1023px)

.xs - @media(max-width:1767px)

---

12 колончатая структура

Две колонки .grid.grid-2

---

Три колонки .grid.grid-3

---

Две колонки → одна колонка от 1199px →.grid.grid-2.lg-grid-1

---

4 колонки → две колонка от 1199px → одна колонка от 767px → .grid.grid-4.lg-grid-2.xs-grid-1

---

8 колончатая структура

8 → 4 → 2 → 1 = .grid8.lg-grid-4.md-grid-2.xs-grid-1