ڈیزائن
CSS Grid جنریٹر
بصری طور پر CSS گرڈ لے آؤٹ بنائیں۔
لے آؤٹ پیش سیٹس (10)
مستطیل رنگنے کے لیے خانوں پر کھینچیں، یا ایک وقت میں ایک خانے پر کلک کریں۔ ہر نام زد علاقہ مستطیل رہنا چاہیے۔
لائیو پیش نظارہ
یک جہتی: CSS Flexbox جنریٹر.
نامزد علاقوں کے ساتھ CSS گرڈ بنائیں
template-areas کے لیے ایک حرفی گرڈ پینٹ کریں، یا پہلے سے طے شدہ منتخب کریں۔ پیش نظارہ ہر علاقے کو الگ رنگت میں دکھاتا ہے۔
عمومی سوالات
grid-template-areas کیا ہے؟
Layout کے حصوں (header, sidebar, main…) کو نام دینے اور عناصر کو line numbers کے بجائے نام سے رکھنے کا طریقہ۔ حصوں کے حروف بھرنے کے لیے نیچے cells پر کلک کریں — CSS فوراً اپ ڈیٹ ہوتا ہے۔
کیا میں کسی preset سے شروع کر سکتا ہوں؟
ہاں — Holy grail، dashboard، magazine اور app shell سمیت دس layout presets ایک کلک میں named areas لوڈ کرتے ہیں۔
کیا کچھ اپ لوڈ کیا جاتا ہے؟
نہیں۔ CSS مکمل طور پر آپ کے browser میں بنتا ہے۔
آخر اپ ڈیٹ شدہ: