# Grid Набор компонентов для создания сетки. ## Брейкпоинты Каждый брейкпоинт разрешения содержит собственное максимальное количество колонок: | Обозначение | Ширина от, пикс | Ширина до, пикс | Кол-во колонок |
|-------------| --------------- | --------------- | -------------- |
| largeM      | 1200            | -               | 30             |
| largeS      | 960             | 1199            | 24             |
| mediumM     | 786             | 959             | 18             |
| mediumS     | 560             | 785             | 12             |
| smallS      | 0               | 559             | 6              | ## Container ## Row Блок с отрицательными отступами для размещения колонок ( `Col` ) по горизонтали.
Блок нельзя вкладывать сам в себя, но можно чередовать далее по дереву с использованием  `Col` .
Стилизованный компонент, обладающий всеми свойствами  `div` . ## Col Props (свойства) для компонента Col: [{"name":"size","type":{"name":"number"}},{"name":"offset","type":{"name":"number"}},{"name":"smallXXS","type":{"name":"ScreenConfig"}},{"name":"smallXS","type":{"name":"ScreenConfig"}},{"name":"smallS","type":{"name":"ScreenConfig"}},{"name":"smallM","type":{"name":"ScreenConfig"}},{"name":"smallL","type":{"name":"ScreenConfig"}},{"name":"smallXL","type":{"name":"ScreenConfig"}},{"name":"smallXXL","type":{"name":"ScreenConfig"}},{"name":"mediumXXS","type":{"name":"ScreenConfig"}},{"name":"mediumXS","type":{"name":"ScreenConfig"}},{"name":"mediumS","type":{"name":"ScreenConfig"}},{"name":"mediumM","type":{"name":"ScreenConfig"}},{"name":"mediumL","type":{"name":"ScreenConfig"}},{"name":"mediumXL","type":{"name":"ScreenConfig"}},{"name":"mediumXXL","type":{"name":"ScreenConfig"}},{"name":"largeXXS","type":{"name":"ScreenConfig"}},{"name":"largeXS","type":{"name":"ScreenConfig"}},{"name":"largeS","type":{"name":"ScreenConfig"}},{"name":"largeM","type":{"name":"ScreenConfig"}},{"name":"largeL","type":{"name":"ScreenConfig"}},{"name":"largeXL","type":{"name":"ScreenConfig"}},{"name":"largeXXL","type":{"name":"ScreenConfig"}},{"name":"offsetS","type":{"name":"enum","raw":"ColCount","value":[{"value":"1"},{"value":"2"},{"value":"3"},{"value":"4"},{"value":"5"},{"value":"6"},{"value":"7"},{"value":"8"},{"value":"9"},{"value":"10"},{"value":"11"},{"value":"12"},{"value":"13"},{"value":"14"},{"value":"15"},{"value":"16"},{"value":"1.5"},{"value":"2.5"},{"value":"3.5"},{"value":"4.5"},{"value":"5.5"},{"value":"6.5"},{"value":"7.5"},{"value":"8.5"},{"value":"9.5"},{"value":"10.5"},{"value":"11.5"},{"value":"12.5"},{"value":"13.5"},{"value":"14.5"},{"value":"15.5"}]}},{"name":"offsetM","type":{"name":"enum","raw":"ColCount","value":[{"value":"1"},{"value":"2"},{"value":"3"},{"value":"4"},{"value":"5"},{"value":"6"},{"value":"7"},{"value":"8"},{"value":"9"},{"value":"10"},{"value":"11"},{"value":"12"},{"value":"13"},{"value":"14"},{"value":"15"},{"value":"16"},{"value":"1.5"},{"value":"2.5"},{"value":"3.5"},{"value":"4.5"},{"value":"5.5"},{"value":"6.5"},{"value":"7.5"},{"value":"8.5"},{"value":"9.5"},{"value":"10.5"},{"value":"11.5"},{"value":"12.5"},{"value":"13.5"},{"value":"14.5"},{"value":"15.5"}]}},{"name":"offsetL","type":{"name":"enum","raw":"ColCount","value":[{"value":"1"},{"value":"2"},{"value":"3"},{"value":"4"},{"value":"5"},{"value":"6"},{"value":"7"},{"value":"8"},{"value":"9"},{"value":"10"},{"value":"11"},{"value":"12"},{"value":"13"},{"value":"14"},{"value":"15"},{"value":"16"},{"value":"1.5"},{"value":"2.5"},{"value":"3.5"},{"value":"4.5"},{"value":"5.5"},{"value":"6.5"},{"value":"7.5"},{"value":"8.5"},{"value":"9.5"},{"value":"10.5"},{"value":"11.5"},{"value":"12.5"},{"value":"13.5"},{"value":"14.5"},{"value":"15.5"}]}},{"name":"offsetXL","type":{"name":"enum","raw":"ColCount","value":[{"value":"1"},{"value":"2"},{"value":"3"},{"value":"4"},{"value":"5"},{"value":"6"},{"value":"7"},{"value":"8"},{"value":"9"},{"value":"10"},{"value":"11"},{"value":"12"},{"value":"13"},{"value":"14"},{"value":"15"},{"value":"16"},{"value":"1.5"},{"value":"2.5"},{"value":"3.5"},{"value":"4.5"},{"value":"5.5"},{"value":"6.5"},{"value":"7.5"},{"value":"8.5"},{"value":"9.5"},{"value":"10.5"},{"value":"11.5"},{"value":"12.5"},{"value":"13.5"},{"value":"14.5"},{"value":"15.5"}]}},{"name":"offsetXXL","type":{"name":"enum","raw":"ColCount","value":[{"value":"1"},{"value":"2"},{"value":"3"},{"value":"4"},{"value":"5"},{"value":"6"},{"value":"7"},{"value":"8"},{"value":"9"},{"value":"10"},{"value":"11"},{"value":"12"},{"value":"13"},{"value":"14"},{"value":"15"},{"value":"16"},{"value":"1.5"},{"value":"2.5"},{"value":"3.5"},{"value":"4.5"},{"value":"5.5"},{"value":"6.5"},{"value":"7.5"},{"value":"8.5"},{"value":"9.5"},{"value":"10.5"},{"value":"11.5"},{"value":"12.5"},{"value":"13.5"},{"value":"14.5"},{"value":"15.5"}]}},{"name":"sizeS","type":{"name":"enum","raw":"ColCount","value":[{"value":"1"},{"value":"2"},{"value":"3"},{"value":"4"},{"value":"5"},{"value":"6"},{"value":"7"},{"value":"8"},{"value":"9"},{"value":"10"},{"value":"11"},{"value":"12"},{"value":"13"},{"value":"14"},{"value":"15"},{"value":"16"},{"value":"1.5"},{"value":"2.5"},{"value":"3.5"},{"value":"4.5"},{"value":"5.5"},{"value":"6.5"},{"value":"7.5"},{"value":"8.5"},{"value":"9.5"},{"value":"10.5"},{"value":"11.5"},{"value":"12.5"},{"value":"13.5"},{"value":"14.5"},{"value":"15.5"}]}},{"name":"sizeM","type":{"name":"enum","raw":"ColCount","value":[{"value":"1"},{"value":"2"},{"value":"3"},{"value":"4"},{"value":"5"},{"value":"6"},{"value":"7"},{"value":"8"},{"value":"9"},{"value":"10"},{"value":"11"},{"value":"12"},{"value":"13"},{"value":"14"},{"value":"15"},{"value":"16"},{"value":"1.5"},{"value":"2.5"},{"value":"3.5"},{"value":"4.5"},{"value":"5.5"},{"value":"6.5"},{"value":"7.5"},{"value":"8.5"},{"value":"9.5"},{"value":"10.5"},{"value":"11.5"},{"value":"12.5"},{"value":"13.5"},{"value":"14.5"},{"value":"15.5"}]}},{"name":"sizeL","type":{"name":"enum","raw":"ColCount","value":[{"value":"1"},{"value":"2"},{"value":"3"},{"value":"4"},{"value":"5"},{"value":"6"},{"value":"7"},{"value":"8"},{"value":"9"},{"value":"10"},{"value":"11"},{"value":"12"},{"value":"13"},{"value":"14"},{"value":"15"},{"value":"16"},{"value":"1.5"},{"value":"2.5"},{"value":"3.5"},{"value":"4.5"},{"value":"5.5"},{"value":"6.5"},{"value":"7.5"},{"value":"8.5"},{"value":"9.5"},{"value":"10.5"},{"value":"11.5"},{"value":"12.5"},{"value":"13.5"},{"value":"14.5"},{"value":"15.5"}]}},{"name":"sizeXL","type":{"name":"enum","raw":"ColCount","value":[{"value":"1"},{"value":"2"},{"value":"3"},{"value":"4"},{"value":"5"},{"value":"6"},{"value":"7"},{"value":"8"},{"value":"9"},{"value":"10"},{"value":"11"},{"value":"12"},{"value":"13"},{"value":"14"},{"value":"15"},{"value":"16"},{"value":"1.5"},{"value":"2.5"},{"value":"3.5"},{"value":"4.5"},{"value":"5.5"},{"value":"6.5"},{"value":"7.5"},{"value":"8.5"},{"value":"9.5"},{"value":"10.5"},{"value":"11.5"},{"value":"12.5"},{"value":"13.5"},{"value":"14.5"},{"value":"15.5"}]}},{"name":"sizeXXL","type":{"name":"enum","raw":"ColCount","value":[{"value":"1"},{"value":"2"},{"value":"3"},{"value":"4"},{"value":"5"},{"value":"6"},{"value":"7"},{"value":"8"},{"value":"9"},{"value":"10"},{"value":"11"},{"value":"12"},{"value":"13"},{"value":"14"},{"value":"15"},{"value":"16"},{"value":"1.5"},{"value":"2.5"},{"value":"3.5"},{"value":"4.5"},{"value":"5.5"},{"value":"6.5"},{"value":"7.5"},{"value":"8.5"},{"value":"9.5"},{"value":"10.5"},{"value":"11.5"},{"value":"12.5"},{"value":"13.5"},{"value":"14.5"},{"value":"15.5"}]}}]