UTILS.
100% ब्राउज़र में

CSS Grid जेनरेटर

समायोज्य कॉलम, रो और gap के साथ एक CSS grid लेआउट बनाएं, लाइव प्रीव्यू के साथ।

इस टूल के बारे में

कॉलम और रो की संख्या तथा gap सेट करके एक CSS grid बनाएं और कोड कॉपी करें, वह भी पूरी तरह आपके ब्राउज़र में।

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

ट्रैक का आकार कैसे तय होता है?
कॉलम और रो repeat() के साथ 1fr का उपयोग करते हैं ताकि वे उपलब्ध जगह को समान रूप से बाँट सकें।
gap कंट्रोल क्या है?
यह हर सेल के बीच grid gap को पिक्सेल में सेट करता है, जो प्रीव्यू पर लाइव लागू होता है।

और टूल