Sync SaaS Branding
Visit Source of Grid
Tags
Light ModeComplexSaaSSync SaaSRedGreenOff White
Source Code
1
2
3
4
5
6
7
SyncSaasGrid.jsx
1function SyncSaasGrid(){
2 return (
3 <div className="grid grid-cols-3 grid-rows-7 gap-4">
4 <div className="col-span-2 row-span-2">1</div>
5 <div className="row-span-2 col-start-3">2</div>
6 <div className="row-span-3 row-start-3">3</div>
7 <div className="row-span-2 row-start-3">4</div>
8 <div className="row-span-5 row-start-3">5</div>
9 <div className="row-span-2 col-start-1 row-start-6">6</div>
10 <div className="row-span-3 col-start-2 row-start-5">7</div>
11 </div>
12 );
13};