CSS Grid जनरेटर
CSS Grid बनाएं। विज़ुअल एडिटर से रो, कॉलम, गैप सेट, कोड ऑटो-जनरेट। कोड कॉपी। ब्राउज़र प्रोसेसिंग।
CSS Grid Generator is a free online tool that visually designs grid layouts. Set rows, columns, gaps, and cell placement by dragging, with auto-generated CSS Grid code. Real-time preview included. Browser-based processing with no server upload — completely free for web layout design.
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 फ़ाइलें सर्वर पर नहीं भेजी जातीं