📝 add grid example page

UoaWDCC · Aug 6, 2024 · f6a74c2 · f6a74c2
1 parent 8c4e952
commit f6a74c2
Showing 1 changed file with 21 additions and 0 deletions.
diff --git a/next/app/test/nate/grid/page.tsx b/next/app/test/nate/grid/page.tsx
@@ -0,0 +1,21 @@
+export default function GridPage() {
+  return (
+    <div className="border border-green-500 grid grid-cols-2 gap-4">
+      <h1 className="text-red-500">Grid Page</h1>
+      <h1 className="text-green-500 col-start-2 col-span-2 row-start-4 border border-pink-400">
+        Grid Page
+      </h1>
+      <h1 className="text-red-500">Grid Page</h1>
+      <h1 className="text-red-500">Grid Page</h1>
+      <h1 className="text-red-500">Grid Page</h1>
+      <h1 className="text-red-500">Grid Page</h1>
+      <h1 className="text-red-500">Grid Page</h1>
+      <h1 className="text-red-500">Grid Page</h1>
+      <h1 className="text-red-500">Grid Page</h1>
+      <h1 className="text-red-500">Grid Page</h1>
+      <h1 className="text-red-500">Grid Page</h1>
+      <h1 className="text-red-500">Grid Page</h1>
+      <h1 className="text-red-500">Grid Page</h1>
+    </div>
+  );
+}