freeCodeCamp/guide/arabic/certifications/responsive-web-design/css-grid/create-grids-within-grids/index.md

1.1 KiB

title localeTitle
Create Grids within Grids إنشاء شبكات داخل شبكات

إنشاء شبكات داخل شبكات

يتم إجراء شبكة داخل الشبكة مثل أي شبكة أخرى.

  1. فقط عش عنصر واحد داخل آخر ،
  2. وضعهم على حد سواء على الشبكات ،
  3. و POOF ! لديك شبكة داخل شبكة.

تداخل عنصر

بالنسبة لأية مراوح ، فإن تداخل عنصر يبدو كالتالي: `

هنا شبكتك

هنا شبكتك المتداخلة

`

ضبط العناصر الخاصة بك على الشبكات

بعد ذلك ، اضبط خصائص CSS التالية: `.gridElement { / * هذا يمنحك شبكة * / عرض: الشبكة ؛ }

.nestedGridElement { / * يمنحك ذلك شبكة NESTED * / عرض: الشبكة ؛ } `

معلومة اضافية

بعد ذلك ، لا تتردد في تخصيص الشبكات الخاصة بك كيفما تشاء. أي grid-template-columns: auto 1fr; قد تبدو جيدة في تلك الشبكة المتداخلة.