---
id: 5a94fe1369fb03452672e45d
title: Place Items in Grid Areas Using the grid-area Property
challengeType: 0
videoUrl: ''
localeTitle: ضع العناصر في مناطق الشبكة باستخدام الخاصية area-area
---
## Description
بعد إنشاء قالب المناطق لحاوية الشبكة الخاصة بك ، كما هو موضح في التحدي السابق ، يمكنك وضع عنصر في منطقة مخصصة من خلال الرجوع إلى الاسم الذي قدمته. للقيام بذلك ، يمكنك استخدام الخاصية grid-area
على عنصر مثل هذا: .item1 {grid-area: header؛ }
هذا يتيح الشبكة معرفة أنك تريد الفئة item1
للانتقال في المنطقة المسمى header
. في هذه الحالة ، سيستخدم العنصر الصف العلوي بأكمله لأن هذا الصف بأكمله يدعى منطقة الرأس.
## Instructions
ضع عنصرًا مع فئة item5
في منطقة footer
باستخدام خاصية grid-area
.
## Tests
```yml
tests:
- text: يجب أن يكون فئة item5
خاصية grid-area
له قيمة footer
.
testString: 'assert(code.match(/.item5\s*?{[\s\S]*grid-area\s*?:\s*?footer\s*?;[\s\S]*}/gi), "item5
class should have a grid-area
property that has the value of footer
.");'
```
## Challenge Seed
## Solution
```js
// solution required
```