freeCodeCamp/guide/arabic/certifications/responsive-web-design/css-grid/use-css-grid-units-to-chang.../index.md

890 B

title localeTitle
Use CSS Grid Units to Change the Size of Columns and Rows استخدم CSS الشبكة وحدات لتغيير حجم الأعمدة والصفوف

استخدم وحدات CSS الشبكة لتغيير حجم الأعمدة والصفوف

يتطلب هذا التحدي تعيين عرض أعمدة الحاوية إلى تلك المحددة في وصف التحدي.

ملحوظة

قم بتغيير الخاصية grid-template-columns .

حل

نظرًا لأن التحدي يتطلب منك تعيين العرض على 1fr و 100px و 2fr ، 2fr بتغيير خاصية css grid-template-columns الخاصة بـ .container إلى:

grid-template-columns: 1fr 100px 2fr;

المزيد من المعلومات