CSS Grid जनरेटर

संदर्भ

CSS Grid क्या है?

CSS Grid Layout एक दो-आयामी लेआउट प्रणाली है जो जटिल ग्रिड-आधारित लेआउट बनाने देती है। Flexbox के विपरीत जो एक-आयामी है, Grid कॉलम और रो दोनों को एक साथ संभाल सकता है, जो इसे पेज लेआउट के लिए आदर्श बनाता है।

Grid टेम्पलेट

grid-template-columns और grid-template-rows grid कॉलम और रो के ट्रैक साइज़िंग को परिभाषित करते हैं। समान भागों के लिए 1fr, सामग्री-आधारित साइज़िंग के लिए auto, या 200px जैसे निश्चित मान उपयोग करें। repeat() फ़ंक्शन दोहराव वाले पैटर्न को सरल बनाता है।

गोपनीयता

सभी grid जनरेशन 100% आपके ब्राउज़र में चलता है। कोई डेटा किसी सर्वर पर नहीं भेजा जाता।