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

770 B

title localeTitle
Create a Column Gap Using grid-column-gap إنشاء فجوة عمود باستخدام الفجوة بين عمود الشبكة

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

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

ملحوظة

لإضافة الفجوة بين أعمدة الشبكة ، نستخدم:

grid-column-gap: parameter;

حيث المعلمة هي الفجوة المطلوبة.

حل

نظرًا لأن التحدي قد أدى إلى إضافة فجوة بمقدار 20 بكسل ، يمكنك إضافة السطر التالي إلى crameblock CSS.

grid-column-gap: 20px;