add in additional css to space out socials

views/pages/alex/index.pug

@@ -66,31 +66,43 @@ html(lang="en")
       p You can find most of my socials here, if you're interested in contacting me
       .social-icons
         .row
-          a(href="https://discord.com/users/1112774630416076850").fab.fa-discord
-            p.txt Discord
-          a(href="https://www.instagram.com/auxiliaryfrfr/").fab.fa-instagram
-            p.txt Instagram
-          a(href="https://github.com/auxiliaryfrfr").fab.fa-github
-            p.txt Github
-          a(href="https://open.spotify.com/user/31a3c3jitxf3fde24p5ohiqfrmnm").fab.fa-spotify
-            p.txt Spotify
-          a(href="https://twitter.com/auxiliaryfrfr").fab.fa-twitter
-            p.txt Twitter
-          a(href="https://thefemdevs.com").fas.fa-users
-            p.txt FemDevs
+          .obj
+            a(href="https://discord.com/users/1112774630416076850").fab.fa-discord
+              p.txt Discord
+          .obj
+            a(href="https://www.instagram.com/auxiliaryfrfr/").fab.fa-instagram
+              p.txt Instagram
+          .obj
+            a(href="https://github.com/auxiliaryfrfr").fab.fa-github
+              p.txt Github
+          .obj
+            a(href="https://open.spotify.com/user/31a3c3jitxf3fde24p5ohiqfrmnm").fab.fa-spotify
+              p.txt Spotify
+          .obj
+            a(href="https://twitter.com/auxiliaryfrfr").fab.fa-twitter
+              p.txt Twitter
+          .obj
+            a(href="https://thefemdevs.com").fas.fa-users
+              p.txt FemDevs
         .row
-          a(href="https://en.pronouns.page/@auxiliaryfrfr").fas.fa-users
-            p.txt Pronouns Page
-          a(href="https://www.youtube.com/channel/UCfK45ILqng9SMe7EcCzd57g").fab.fa-youtube
-            p.txt Youtube
-          a(href="https://www.snapchat.com/add/auxiliaryfrfr").fab.fa-snapchat
-            p.txt Snapchat
-          a(href="https://www.last.fm/user/auxiliaryfrfr").fab.fa-lastfm
-            p.txt Last.fm
-          a(href="https://www.threads.net/@auxiliaryfrfr").fab.fa-threads
-            p.txt Threads
-          a(href="mailto:[email protected]").fas.fa-envelope
-            p.txt Email
+          .obj
+            a(href="https://en.pronouns.page/@auxiliaryfrfr").fas.fa-users
+              p.txt Pronouns Page
+          .obj
+            a(href="https://www.youtube.com/channel/UCfK45ILqng9SMe7EcCzd57g").fab.fa-youtube
+              p.txt Youtube
+          .obj
+            a(href="https://www.snapchat.com/add/auxiliaryfrfr").fab.fa-snapchat
+              p.txt Snapchat
+          .obj
+            a(href="https://www.last.fm/user/auxiliaryfrfr").fab.fa-lastfm
+              p.txt Last.fm
+          .obj
+            a(href="https://www.threads.net/@auxiliaryfrfr").fab.fa-threads
+              p.txt Threads
+          .obj
+            a(href="mailto:[email protected]").fas.fa-envelope
+              p.txt Email
     section#femdevs.sect
       h2 FemDevs
       p

web/pages/assets/alex/css/index.css

@@ -183,30 +183,32 @@ header {
 .row {
     display: grid;
     grid-template-columns: repeat(6, 1fr);
-    margin: 10px 0;
+    margin: 10px 0px 0px;
     justify-content: space-evenly;
     align-items: center;
     height: fit-content;
 }
 
-.row a {
+.obj {
     width: 100%;
     height: 100%;
-    border-radius: 50%;
     margin: 0 10px;
+}
+
+.row a {
     transition: transform 0.3s;
     color: inherit;
-    padding: 0px 8px;
+    padding: 8px 8px 0px 8px;
     border: 1px solid transparent;
-    border-radius: 10%;
+    border-radius: 40px;
     text-decoration: none;
 }
 
-.row:first-child {
+.row a:first-child {
     margin-left: 0;
 }
 
-.row:last-child {
+.row a:last-child {
     margin-right: 0;
 }
 
@@ -217,6 +219,8 @@ header {
 
 .txt {
     font-family: 'Nunito', sans-serif;
+    padding: 0px;
+    margin: 10px 0px;
 }
 
 @media only screen and (max-width: 768px) {