डिज़ाइन
CSS ग्रिड जनरेटर
CSS ग्रिड लेआउट दृश्य रूप से बनाएं।
लेआउट प्रीसेट (10)
आयत रंगने के लिए सेल पर ड्रैग करें, या एक बार में एक सेल क्लिक करें। हर नामित क्षेत्र आयताकार रहना चाहिए।
लाइव पूर्वावलोकन
एक-आयामी: CSS फ़्लेक्सबॉक्स जनरेटर.
नामित क्षेत्रों के साथ CSS ग्रिड बनाएं
टेम्पलेट-एरिया के लिए अक्षर ग्रिड बनाएं, या प्रीसेट चुनें। प्रीव्यू में हर क्षेत्र अलग रंग में दिखेगा।
FAQ
grid-template-areas क्या है?
लेआउट के क्षेत्रों (header, sidebar, main…) को नाम देने और आइटम को लाइन नंबर के बजाय नाम से रखने का तरीका। क्षेत्र के अक्षर भरने के लिए नीचे की cells पर क्लिक करें — CSS तुरंत अपडेट होता है।
क्या मैं किसी preset से शुरू कर सकता हूँ?
हाँ — Holy grail, dashboard, magazine और app shell सहित दस layout presets एक क्लिक में named areas लोड करते हैं।
क्या कुछ अपलोड किया जाता है?
नहीं। CSS पूरी तरह आपके browser में बनता है।
अंतिम अपडेट: