---
id: 5a90374338fddaf9a66b5d3a
title: Align an Item Horizontally using justify-self
challengeType: 0
videoUrl: ''
localeTitle: قم بمحاذاة عنصر أفقيًا باستخدام ضبط self-self
---
## Description
في CSS Grid ، يقع محتوى كل عنصر في مربع يُشار إليه بالخلية . يمكنك محاذاة موضع المحتوى داخل خليتها أفقياً باستخدام الخاصية justify-self
على عنصر شبكة. بشكل افتراضي ، تحتوي هذه الخاصية على قيمة stretch
، والتي ستجعل المحتوى يملأ عرض الخلية بالكامل. تقبل خاصية CSS Grands هذه القيم الأخرى أيضًا: start
: محاذاة المحتوى على يمين الخلية ، center
: محاذاة المحتوى في وسط الخلية ، end
: محاذاة المحتوى على يمين الخلية.
## Instructions
استخدم خاصية justify-self
لتوسيط العنصر مع item2
.
## Tests
```yml
tests:
- text: يجب أن يكون لفئة item2
خاصية justify-self
لها قيمة center
.
testString: 'assert(code.match(/.item2\s*?{[\s\S]*justify-self\s*?:\s*?center\s*?;[\s\S]*}/gi), "item2
class should have a justify-self
property that has the value of center
.");'
```
## Challenge Seed
## Solution
```js
// solution required
```