CSS
چیدمان
پیشفرض:
none
ارثبری نمیشود
grid-template-columns
ستونهای کانتینر گرید را تعریف میکند؛ الگوی repeat(auto-fill, minmax(240px, 1fr)) معروفترین دستور ریسپانسیو بدون مدیاکوئری است.
سینتکس
grid-template-columns: none | <track-list>;مثال کاربردی
.cards {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
gap: 16px;
}مقادیر رایج
1fr 2fr
دو ستون با نسبت یک به دو
repeat(3, 1fr)
سه ستون مساوی
auto-fill
تعداد خودکار بر اساس عرض