🐛 fix the connector issue for desktop users

UoaWDCC · Aug 6, 2024 · 72f6a1a · 72f6a1a
2 parents 1a17074 + f6a74c2
commit 72f6a1a
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 29 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>
+  );
+}
diff --git a/next/assets/home/connector.svg b/next/assets/home/connector.svg
diff --git a/next/components/home/HomePageBlob.module.css b/next/components/home/HomePageBlob.module.css
@@ -1,29 +1,3 @@
-.blob1 {
-  grid-column: 8 / span 4;
-  color: #003366;
-  position: relative;
-}
-
-.blob2 {
-  position: relative;
-  top: calc(var(--connector-height) - 3px);
-  grid-column: 10 / span 4;
-  color: #003366;
-}
-
-.blob3 {
-  grid-column: 2 / span 4;
-  color: #003366;
-}
-
-.connector {
-  position: absolute;
-  bottom: 0;
-  right: 2rem;
-  transform: translateY(calc(100% - 2px));
-  height: var(--connector-height);
-}
-
 .button {
   margin-top: 15px;
   padding: 12px 25px;