CSS Grid जनरेटर

CSS Grid क्या है?

CSS Grid Layout, CSS में उपलब्ध सबसे शक्तिशाली लेआउट सिस्टम है। यह एक द्विआयामी सिस्टम है, जो कॉलम और पंक्तियों दोनों को संभाल सकता है, flexbox के विपरीत जो मुख्य रूप से एकआयामी है।

इस CSS Grid जनरेटर का उपयोग कैसे करें

CSS Grid सिंटैक्स गाइड

CSS Grid के मुख्य गुणों में grid-template-columns (कॉलम चौड़ाई के लिए), grid-template-rows (पंक्ति ऊंचाई के लिए) और grid-gap (दूरी के लिए) शामिल हैं। fr यूनिट का उपयोग करने से लेआउट लचीला और रिस्पॉन्सिव बनता है।

CSS Grid लेआउट उदाहरण

सामान्य उदाहरणों में 'Holy Grail' लेआउट (हेडर, साइडबार, मेन, फुटर) शामिल हैं। grid-template-areas के साथ, आप इन क्षेत्रों को नाम दे सकते हैं, जिससे कोड अधिक पठनीय हो जाता है।

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