freeCodeCamp/guide/russian/certifications/responsive-web-design/css-grid/create-grids-within-grids/index.md

1.3 KiB
Raw Blame History

title localeTitle
Create Grids within Grids Создание гридов в сетках

Создание гридов в сетках

Сетка в сетке выполняется так же, как и любая другая сетка.

  1. Просто вставьте один элемент внутри другого,
  2. установите их как в сетки,
  3. и POOF ! У вас есть сетка внутри сети.

Вложение элемента

Для любого обновления, вложение элемента выглядит следующим образом: `

Вот ваша сетка

Вот ваша вложенная сетка

`

Установка элементов в сетки

После этого настройте следующие свойства CSS: `.gridElement { / * это дает вам сетку * / отображение: сетка; }

.nestedGridElement { / * это дает вам NESTED grid * / отображение: сетка; } `

Дополнительная информация

После этого не стесняйтесь настраивать свои сетки, как вам нравится. т.е. grid-template-columns: auto 1fr; может выглядеть хорошо в этой вложенной сетке.