---
id: 5a9036ee38fddaf9a66b5d37
title: Add Gaps Faster with grid-gap
challengeType: 0
videoUrl: ''
localeTitle: أضف فجوات أسرع مع الفجوة الشبكية
---
## Description
grid-gap
هي خاصية مختزلة grid-row-gap
grid-column-gap
، grid-row-gap
grid-column-gap
من التحديين السابقتين الأكثر ملاءمة للاستخدام. إذا كانت قيمة grid-gap
لها قيمة واحدة ، فسوف تنشئ فجوة بين جميع الصفوف والأعمدة. ومع ذلك ، إذا كان هناك قيمتين ، فسيستخدم الأول منها لتعيين الفجوة بين الصفوف والقيمة الثانية للأعمدة.
## Instructions
استخدم grid-gap
لإدخال فجوة 10 10px
بين الصفوف والفجوة 20 20px
بين الأعمدة.
## Tests
```yml
tests:
- text: يجب أن container
فئة container
على خاصية grid-gap
تقدم فجوة 10 10px
بين الصفوف والفجوة 20 20px
بين الأعمدة.
testString: 'assert(code.match(/.container\s*?{[\s\S]*grid-gap\s*?:\s*?10px\s+?20px\s*?;[\s\S]*}/gi), "container
class should have a grid-gap
property that introduces 10px
gap between the rows and 20px
gap between the columns.");'
```
## Challenge Seed
## Solution
```js
// solution required
```