---
id: 5a94fe8569fb03452672e464
title: Create Grids within Grids
challengeType: 0
videoUrl: ''
localeTitle: Создание гридов в сетках
---
## Description
Включение элемента в сетку влияет только на поведение его прямых потомков. Поэтому, превратив прямого потомка в сетку, у вас есть сетка внутри сетки. Например, задав свойства display
и grid-template-columns
элемента с классом item3
, вы создаете сетку в своей сетке.
## Instructions
Поверните элемент с классом item3
в сетку с двумя столбцами с шириной auto
и 1fr
используя 1fr
display
и grid-template-columns
.
## Tests
```yml
tests:
- text: класс item3
должен иметь свойство grid-template-columns
с auto
и 1fr
как значения.
testString: 'assert(code.match(/.item3\s*?{[\s\S]*grid-template-columns\s*?:\s*?auto\s*?1fr\s*?;[\s\S]*}/gi), "item3
class should have a grid-template-columns
property with auto
and 1fr
as values.");'
- text: класс item3
должен иметь свойство display
со значением grid
.
testString: 'assert(code.match(/.item3\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi), "item3
class should have a display
property with the value of grid
.");'
```
## Challenge Seed
## Solution
```js
// solution required
```