UTILS.
۱۰۰٪ در مرورگر

تولیدکننده CSS Grid

یک چیدمان CSS grid با ستون‌ها، ردیف‌ها و فاصله‌ی قابل تنظیم همراه با پیش‌نمایش زنده بسازید.

درباره این ابزار

تعداد ستون‌ها و ردیف‌ها به‌علاوه‌ی فاصله را تنظیم کنید تا یک CSS grid بسازید و کد را کپی کنید، همه در مرورگر شما.

پرسش‌های پرتکرار

اندازه‌ی تراک‌ها چگونه تعیین می‌شود؟
ستون‌ها و ردیف‌ها از repeat() با 1fr استفاده می‌کنند تا فضای موجود را به‌طور یکنواخت تقسیم کنند.
کنترل فاصله (gap) چه می‌کند؟
این مقدار فاصله‌ی grid را برحسب پیکسل بین هر سلول تنظیم می‌کند و به‌صورت زنده روی پیش‌نمایش اعمال می‌شود.

ابزارهای بیشتر