گرید (CSS Grid)
CSS و طراحی ۰ بازدیدگرید مدل چیدمان دوبعدی CSS است که سطر و ستون را همزمان تعریف می‌کند و برای چیدمان کل صفحه یا شبکه کارت‌ها ایده‌آل است. با grid-template-columns می‌توان ستون‌های دقیق یا خودکار با minmax ساخت. ترکیب Grid برای کلیت صفحه و Flex برای ردیف‌ها الگوی حرفه‌ای محسوب می‌شود.
مثال کاربردی
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 1rem; }
#CSS
#گرید
#چیدمان
شاید بپسندی — واژه‌های مرتبط
باکس مدل (Box Model)
CSS و طراحیمدل جعبه می‌گوید هر عنصر وب از چهار لایه تشکیل شده: محتوا، فاصله داخلی (Padding)، حاشیه (B…
فلکس‌باکس (Flexbox)
CSS و طراحیفلکسباکس مدل چیدمان یک‌بعدی CSS است که تراز و توزیع عناصر در یک سطر یا ستون را با ویژگی‌ه…
CSS
CSS و طراحیCSS زبان توصیف ظاهر صفحات وب است؛ رنگ، فونت، فاصله، چیدمان و انیمیشن همه با آن تعریف می‌شو…
RTL و راست‌چین‌سازی
CSS و طراحیصفت dir="rtl" روی تگ html چیدمان را راست‌به‌چپ می‌کند و ویژگی‌های منطقی CSS مثل margin-inl…