CSS Grid जनरेटर
CSS Grid बनाएं। विज़ुअल एडिटर से रो, कॉलम, गैप सेट, कोड ऑटो-जनरेट। कोड कॉपी। ब्राउज़र प्रोसेसिंग।
CSS ग्रिड जनरेटर एक मुफ़्त ऑनलाइन टूल है जो ग्रिड लेआउट को दृश्यात्मक रूप से डिज़ाइन करता है। पंक्तियाँ, कॉलम, गैप और सेल प्लेसमेंट ड्रैग करके सेट करें, स्वतः जनरेट CSS Grid कोड के साथ। रियल-टाइम प्रीव्यू शामिल। ब्राउज़र में ही प्रोसेसिंग, कोई सर्वर अपलोड नहीं — वेब लेआउट डिज़ाइन के लिए पूरी तरह मुफ़्त।
1
2
3
4
5
6
7
8
9
.container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, 1fr);
gap: 10px;
justify-items: stretch;
align-items: stretch;
}
HTML कोड
<div class="container">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div>8</div>
<div>9</div>
</div>
lock फ़ाइलें सर्वर पर नहीं भेजी जातीं