2018-10-12 16:35:31 -04:00
|
|
|
---
|
|
|
|
|
title: Create a Row Gap using grid-row-gap
|
|
|
|
|
localeTitle: إنشاء فجوة صف باستخدام الفجوة بين الشبكة
|
|
|
|
|
---
|
|
|
|
|
## إنشاء فجوة صف باستخدام الفجوة بين الشبكة
|
|
|
|
|
|
|
|
|
|
يتطلب هذا التحدي إضافة فجوة بمقدار 20 `20px` بين جميع صفوف شبكة CSS في.
|
|
|
|
|
|
|
|
|
|
### ملحوظة
|
|
|
|
|
|
|
|
|
|
لإضافة فجوة بين الصفوف في شبكة CSS ، نستخدم خاصية CSS `grid-row-gap` .
|
|
|
|
|
|
|
|
|
|
### حل
|
|
|
|
|
|
|
|
|
|
نظرًا لأن التحدي يتمثل في إضافة فجوة قدرها 5 `5px` ، يمكنك إضافة السطر التالي إلى كتلة شفرة `.container` CSS.
|
|
|
|
|
|
2019-06-20 14:14:23 -07:00
|
|
|
```css
|
|
|
|
|
grid-row-gap: 5px;
|
|
|
|
|
```
|
