---
id: 5a94fe8569fb03452672e464
title: Create Grids within Grids
challengeType: 0
videoUrl: ''
localeTitle: إنشاء شبكات داخل شبكات
---
## Description
تحويل عنصر إلى شبكة يؤثر فقط على سلوك أحفادها مباشرة. لذا من خلال تحويل سليل مباشر إلى شبكة ، يكون لديك شبكة داخل الشبكة. على سبيل المثال ، من خلال تعيين خصائص grid-template-columns
display
grid-template-columns
للعنصر مع فئة item3
، تقوم بإنشاء شبكة داخل الشبكة.
## Instructions
قم item3
العنصر مع فئة item3
إلى شبكة ذات عمودين مع عرض auto
و 1fr
باستخدام 1fr
display
grid-template-columns
.
## Tests
```yml
tests:
- text: يجب أن تحتوي فئة item3
grid-template-columns
خاصية 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
```