Diagram Grid
Visit Source of Grid
Tags
Dark ModeMediumDiagramDesignAIFeatures
Source Code
1
2
3
4
5
6
7
8
DiagramGrid.jsx
1function DiagramGrid(){
2 return (
3 <div className="grid grid-cols-4 grid-rows-9 gap-4">
4 {/* Row 1 */}
5 <div className="row-span-3">1</div>
6 <div className="col-span-2 row-span-3">2</div>
7 <div className="row-span-3">3</div>
8
9 {/* Row 2 */}
10 <div className="col-span-2 row-span-3">4</div>
11 <div className="col-span-2 row-span-3">5</div>
12
13 {/* Row 3 */}
14 <div className="row-span-3">6</div>
15 <div className="col-span-2 row-span-3">7</div>
16 <div className="row-span-3">8</div>
17 </div>
18 );
19};