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