fiokit.

CSS Grid और Flexbox बिल्डर

लाइव पूर्वावलोकन और कॉपी योग्य CSS के साथ रिस्पॉन्सिव Grid तथा Flexbox लेआउट बनाएँ।

सहायता देखने के लिए किसी फ़ील्ड पर पॉइंटर ले जाएँ या उसे चुनें। बंद करने के लिए Escape दबाएँ।

1
2
3
4
5
6

इस्तेमाल कैसे करें

सामग्री चिपकाएँ या उदाहरण देखें। उपलब्ध विकल्प चुनकर टूल चलाएँ, फिर परिणाम कॉपी या डाउनलोड करें।

एक व्यावहारिक उदाहरण

लेआउट

Layout

अक्सर पूछे जाने वाले प्रश्न

क्या मेरा टेक्स्ट किसी सर्वर पर भेजा जाता है?

नहीं। सामग्री इसी ब्राउज़र में प्रोसेस होती है। उसे सर्वर पर भेजा या सहेजा नहीं जाता।

CSS Grid और Flexbox बिल्डर के बारे में क्या जानना चाहिए?

पूर्वावलोकन में क्रमांकित ब्लॉक हैं। तैयार CSS में लेआउट नियम हैं; चयनक और ब्रेकपॉइंट अपने पृष्ठ के अनुसार बदलें।