CSS Grid: راهنمای کامل با مثال‌های عملی

CSS Grid قدرتمندترین سیستم لایه‌بندی CSS است. از Grid ساده تا Subgrid و Named Grid Areas.

اصول Grid

grid-template-columns/rows برای تعریف ستون/ردیف، gap برای فاصله و place-items برای هم‌ترازی.

• grid-template-columns
• fr unit
• gap و place-items

الگوهای پیشرفته

Subgrid، Named Grid Areas، auto-fit/auto-fill و Grid ترکیبی با Flexbox.

جمع‌بندی

CSS Grid لایه‌بندی صفحات پیچیده را ساده و خوانا می‌کند.