---
id: 5a858944d96184f06fd60d61
title: Create Your First CSS Grid
challengeType: 0
videoUrl: ''
localeTitle: إنشاء أول شبكة CSS
---
## Description
قم بتحويل أي عنصر HTML إلى حاوية شبكة عن طريق تعيين خاصية display
الخاصة بها إلى grid
. يمنحك ذلك القدرة على استخدام جميع الخصائص الأخرى المرتبطة بـ CSS Grid. ملحوظة
في CSS Grid ، تتم الإشارة إلى العنصر الرئيسي على أنه الحاوية ويطلق على أطفاله العناصر .
## Instructions
تغيير عرض div مع فئة container
إلى grid
.
## Tests
```yml
tests:
- text: يجب أن يكون لفئة container
خاصية display
بقيمة grid
.
testString: 'assert(code.match(/.container\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi), "container
class should have a display
property with a value of grid
.");'
```
## Challenge Seed
## Solution
```js
// solution required
```