31 lines
1.3 KiB
Markdown
31 lines
1.3 KiB
Markdown
---
|
||
title: Create Grids within Grids
|
||
localeTitle: Создание гридов в сетках
|
||
---
|
||
## Создание гридов в сетках
|
||
|
||
Сетка в сетке выполняется так же, как и любая другая сетка.
|
||
|
||
1. Просто вставьте один элемент внутри другого,
|
||
2. установите их _как_ в сетки,
|
||
3. и _POOF_ ! У вас есть сетка внутри сети.
|
||
|
||
### Вложение элемента
|
||
|
||
Для любого обновления, вложение элемента выглядит следующим образом: \`
|
||
|
||
Вот ваша сетка
|
||
|
||
Вот ваша вложенная сетка
|
||
|
||
\`
|
||
|
||
### Установка элементов в сетки
|
||
|
||
После этого настройте следующие свойства CSS: \`.gridElement { / \* это дает вам сетку \* / отображение: сетка; }
|
||
|
||
.nestedGridElement { / \* это дает вам NESTED grid \* / отображение: сетка; } \`
|
||
|
||
### Дополнительная информация
|
||
|
||
После этого не стесняйтесь настраивать свои сетки, как вам нравится. т.е. `grid-template-columns: auto 1fr;` может выглядеть хорошо в этой вложенной сетке. |