updated links page

AtiusAmy · May 7, 2024 · 221f907 · 221f907
1 parent 7e5a3c3
commit 221f907
Show file tree

Hide file tree

Showing 2 changed files with 50 additions and 0 deletions.
diff --git a/css/main.scss b/css/main.scss
@@ -197,4 +197,11 @@ details[open] summary {
   border: 0;
   border-radius: 20px;
   transition: background-color 0.3s;
+}
+
+.gridSection {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+  grid-auto-rows: minmax(100px, auto);
+  gap: 10px; 
 }
diff --git a/links.html b/links.html
@@ -10,9 +10,52 @@ <h2 style="margin-left: 20px;">Links - My linktree!</h2>
 
 <section class="links">
   <h3 style="margin-left: 20px;">Socials</h3>
+    <div class="gridSection">
+      <div class="gridItem">
+        sharkey
+      </div>
+
+      <div class="gridItem">
+        pixelfed
+      </div>
+
+      <div class="gridItem">
+        instagram
+      </div>
+    </div>
   <h3 style="margin-left: 20px;">Recommended Contacts</h3>
+    <div class="gridSection">
+      <div class="gridItem">
+        signal
+      </div>
+      <div class="gridItem">
+        matrix
+      </div>
+      <div class="gridItem">
+        imessage
+      </div>
+    </div>
   <h3 style="margin-left: 20px;">Not-so Recommended Contacts</h3>
+    <div class="gridSection">
+      <div class="gridItem">
+        telegram
+      </div>
+      <div class="gridItem">
+        discord
+      </div>
+      <div class="gridItem">
+        email
+      </div>
+      <div class="gridItem">
+        steam
+      </div>
+    </div>
   <h3 style="margin-left: 20px;">My stuff</h3>
+    <div class="gridSection">
+      <div class="gridItem">
+        mcmods
+      </div>
+    </div>
 </section>
 
 <nav class="pagination">