Publish #7

index.html

@@ -11,20 +11,20 @@
     <header>
         <h1>Unfollowers for Bluesky</h1>
         <p>© 2024 Feito por Caique Silva</p>
-        <p>
-            <a href="https://www.linkedin.com/in/sergio-caique-da-silva/" style="text-decoration: none;">
+        <div class="links">
+            <a href="https://www.linkedin.com/in/sergio-caique-da-silva/">
               <img src="https://skillicons.dev/icons?i=linkedin" style="width:22px;" alt="Linkedin">
             </a>
-            <a href="https://github.com/scaique" style="text-decoration: none;">
+            <a href="https://github.com/scaique">
               <img src="https://skillicons.dev/icons?i=github" style="width:22px;" alt="Github">
             </a>
-            <a href="https://indiebluegames.blogspot.com/" style="text-decoration: none;">
+            <a href="https://indiebluegames.blogspot.com/">
               <img src="https://cdn-icons-png.flaticon.com/512/4494/4494538.png" style="width:22px;" alt="Blog">
             </a>
-            <a href="https://scaique.github.io/" style="text-decoration: none;">
+            <a href="https://scaique.github.io/">
               <img src="https://cdn-icons-png.flaticon.com/512/8633/8633238.png" style="width:22px;" alt="Portfolio">
             </a>
-          </p>
+          </div>
     </header>
     <div class="container">
         <div>

style.css

@@ -153,4 +153,14 @@ input[type="text"] {
 #user-select:focus {
     border-color: #007BFF;
     box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
+}
+
+.links {
+    display: flex;
+    justify-content: center;
+}
+
+.links a {
+    text-decoration: none;
+    padding: 5px;
 }