Left Masked Diagonal Cross Grid

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

<div className="min-h-screen w-full bg-white relative">  {/* Left Masked Diagonal Cross Grid Background */}  <div    className="absolute inset-0"    style={{      backgroundImage: `        linear-gradient(45deg, transparent 49%, #e5e7eb 49%, #e5e7eb 51%, transparent 51%),        linear-gradient(-45deg, transparent 49%, #e5e7eb 49%, #e5e7eb 51%, transparent 51%)      `,      backgroundSize: "40px 40px",        WebkitMaskImage:            "linear-gradient(to left, #000 0%, #000 50%, transparent 50%, transparent 100%)",          maskImage:            "linear-gradient(to left, #000 0%, #000 50%, transparent 50%, transparent 100%)",    }}  />  {/* Your Content/Components */}</div>