ok

src/pages/LinktreePage.module.css

@@ -1,9 +1,9 @@
 /* General container */
 .centeredLinktreePage {
   display: flex;
-  flex-direction: column;
+  flex-direction: column; /* Default to column for mobile */
   justify-content: center;
-  background-color: rgb(222 237 100);
+  background-color: rgb(222, 237, 100);
 }
 
 .dashboardLine {
@@ -22,6 +22,32 @@
   padding-top: 100px;
   margin-bottom: 30px;
 }
+/* Media query for desktop */
+@media (min-width: 768px) { /* Adjust the min-width as needed */
+  .centeredLinktreePage {
+    flex-direction: row; /* Change to row for desktop */
+    padding: 20px;
+  }
+
+  .dashboardContainer {
+    background-color: inherit;
+    z-index: 6;
+    padding: 0 1rem;
+    padding-top: 100px;
+    margin-bottom: 30px;
+    width: 40vw;
+  }
+
+  .dashboardLine {
+    position: fixed;
+    left: 0px;
+    height: 100vh;
+    width: 30px;
+    border-right: 1px solid rgba(0, 0, 0, 0);
+    z-index: 5;
+  }
+}
+
 
 /* Main Heading */
 .mainHeading {