centered layout for contact page

cos-glitch · Sep 6, 2024 · ca430d7 · ca430d7
1 parent 7fdd192
commit ca430d7
Showing 1 changed file with 14 additions and 5 deletions.
diff --git a/contact.html b/contact.html
@@ -18,11 +18,20 @@
             <li><a href="contact.html">Contact</a></li>
         </ul>
     </nav>
-    <h1> Find me here: </h1>
-    <ul>
-        <li> LinkedIn: <a href="https://www.linkedin.com/in/caroline-segestahl/">Caroline Segestaal</a></li>
-        <li> Github: <a href="https://github.com/cos-glitch">Cos-Glitch</a></li>
-    </ul>
+
+    <div class="layout-container">
+        <div class="card" style="width: clamp(150px, 50%,650px);">
+            <h1 style="text-align: center;"> Find me here: </h1>
+            <ul>
+                <li> LinkedIn: <a href="https://www.linkedin.com/in/caroline-segestahl/">Caroline Segestaal</a></li>
+                <li> Github: <a href="https://github.com/cos-glitch">Cos-Glitch</a></li>
+            </ul>
+        </div>
+    </div>
+
+
+
+
 </body>
 
 </html>