freeCodeCamp/guide/arabic/certifications/responsive-web-design/css-grid/create-a-row-gap-using-grid.../index.md

676 B

title localeTitle
Create a Row Gap using grid-row-gap إنشاء فجوة صف باستخدام الفجوة بين الشبكة

إنشاء فجوة صف باستخدام الفجوة بين الشبكة

يتطلب هذا التحدي إضافة فجوة بمقدار 20 20px بين جميع صفوف شبكة CSS في.

ملحوظة

لإضافة فجوة بين الصفوف في شبكة CSS ، نستخدم خاصية CSS grid-row-gap .

حل

نظرًا لأن التحدي يتمثل في إضافة فجوة قدرها 5 5px ، يمكنك إضافة السطر التالي إلى كتلة شفرة .container CSS.

grid-row-gap: 5px;