} className={`button-carousel ${className}`}>
{items.map((item, index) => (
{ if (el) itemRefs.current[index] = el; }} className="carousel-item">
{item.title}
diff --git a/src/components/cardStack/layouts/grid/GridLayout.tsx b/src/components/cardStack/layouts/grid/GridLayout.tsx
index 05ee359..7593299 100644
--- a/src/components/cardStack/layouts/grid/GridLayout.tsx
+++ b/src/components/cardStack/layouts/grid/GridLayout.tsx
@@ -6,12 +6,12 @@ import { useCardAnimation } from '@/components/cardStack/hooks/useCardAnimation'
const GridLayout: React.FC
= ({ items, className = '' }) => {
const animation = useCardAnimation();
- const itemRefs = React.useRef<(HTMLElement | null)[]>([]);
+ const itemRefs = React.useRef<(HTMLDivElement | null)[]>([]);
return (
-
-
-
+
} className={`grid-layout ${className}`}>
+
} className="grid-perspective">
+
} className="grid-container">
{items.map((item, index) => (
{ if (el) itemRefs.current[index] = el; }} className="grid-item">
{item.title}