Fix responsiveness on mobile

projects.html

@@ -12,7 +12,7 @@
     <title>alex! - projects</title>
 </head>
 <body>
-    <div id="container" class="center">
+    <div id="container">
         <div id="intro">
             <h1>what do i work on?</h1>
             <p>a lot of random stuff. i mean, like, a lot.</p>
@@ -20,7 +20,7 @@
 
         <br />
 
-        <div id="cards">
+        <div id="cards" class="center">
             <div class="card">
                 <div class="card-header">
                     <h1>pause!</h1>
@@ -53,8 +53,10 @@
         </div>
 
         <br />
-        <h1 style="color:white;">..and more!</h1>
-        <p style="color:white">you can see all of my projects on my <a href="https://github.com/azpha" target="_blank">GitHub page</a></p>
+        <span style="text-align:center;">
+            <h1 style="color:white;">..and more!</h1>
+            <p style="color:white">you can see all of my projects on my <a href="https://github.com/azpha" target="_blank">GitHub page</a></p>
+        </span>
 
         <!-- br to space, fite me -->
         <br />
@@ -71,7 +73,7 @@
         <br />
         <div id="footer">
             <div id="socials">
-                <a href="https://twitter.com/zstreamss" target="_blank" rel="noreferrer">
+                <a href="https://twitter.com/avvex__" target="_blank" rel="noreferrer">
                     <i class="fa-brands fa-twitter" style="font-size:30px;"></i>
                 </a>
                 <a href="https://linkedin.com/in/thatalex" target="_blank" rel="noreferrer">