Container
grid-template-columns
تعداد و عرض ستونها
grid-template-rows
ارتفاع ردیفها
justify-items
تراز افقی آیتمها
align-items
تراز عمودی آیتمها
justify-content
توزیع کل grid در عرض
align-content
توزیع کل grid در ارتفاع
gap
px
Item (انتخابشده)
grid-columnمثلا 1 / span 2
grid-rowمثلا 1 / span 2
justify-selfتراز افقی این آیتم
align-selfتراز عمودی این آیتم
grid-areaنام ناحیه یا auto
دستور العملهای رایج
.container { display: grid; … }