Benefit Section with Bento Grid
Visit Source of Grid
Tags
Dark ModeSimpleFinanceBusinessBenefitsPayment
Source Code
1
2
3
4
5
BenefitSection.jsx
1function BenefitSection(){
2 return (
3 <div className="grid grid-cols-6 grid-rows-4 gap-4">
4 <div className="col-span-2 row-span-2">1</div>
5 <div className="col-span-2 row-span-2 col-start-3">2</div>
6 <div className="col-span-2 row-span-2 col-start-5">3</div>
7 <div className="col-span-3 row-span-2 row-start-3">4</div>
8 <div className="col-span-3 row-span-2 col-start-4 row-start-3">5</div>
9 </div>
10 );
11};