← Back
Diagram Grid

Details

By:

Diagram

Source:

https://diagram.com/

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};