Left Masked White Grid with Dots

1. 1
2. 2
3. 3
4. 4
5. 5
6. 6
7. 7
8. 8
9. 9
10. 10
11. 11
12. 12
13. 13
14. 14
15. 15
16. 16
17. 17
18. 18
19. 19
20. 20

<div className="min-h-screen w-full bg-white relative">  {/* Left Masked White Grid with Dots Background */}  <div    className="absolute inset-0 z-0"    style={{      backgroundImage: `        linear-gradient(to right, rgba(0,0,0,0.06) 1px, transparent 1px),        linear-gradient(to bottom, rgba(0,0,0,0.06) 1px, transparent 1px),        radial-gradient(circle, rgba(51,65,85,0.4) 1px, transparent 1px)      `,      backgroundSize: "20px 20px, 20px 20px, 20px 20px",      backgroundPosition: "0 0, 0 0, 0 0",         WebkitMaskImage:            "linear-gradient(to left, #000 0%, #000 50%, transparent 20%, transparent 100%)",          maskImage:            "linear-gradient(to left, #000 0%, #000 50%, transparent 20%, transparent 100%)",    }}  />     {/* Your Content/Components */}</div>