fix typo + mobile page revert

index.html

@@ -45,7 +45,6 @@
 
             <h4>O mnie</h4>
             <p>hej, mam <span id="age">???</span> lat. mieszkam w okolicach Myślenic.</p>
-            <p>do niedawna byłem dość aspołeczny, jednak wiele ludzi uważa, że zmieniam się na lepsze.</p>
             <p>moje zainteresowania:</p>
             <ul>
                 <li>programowanie</li>
@@ -53,13 +52,13 @@
                 <li>elektronika</li>
                 <li>muzyka</li>
             </ul>
-            <p>jestem fanem/entuzjastą:</p>
+            <p>jestem fanem/po prostu słucham:</p>
             <ul>
                 <li>
                     metalu
                     <ul>
                         <li>heavy metalu</li>
-                        <li>groove metalu</li>
+                        <li>gothic metalu</li>
                         <li>metalu progresywnego</li>
                         <li>nu metalu</li>
                     </ul>
@@ -71,11 +70,14 @@
                     <ul>
                         <li>Slipknot</li>
                         <li>Poisonblack</li>
+                        <li>Beseech</li>
+                        <li>To/Die/For</li>
+                        <li>Entwine</li>
+                        <li>Charon</li>
                         <li>Lil Peep</li>
                         <li>Death</li>
                         <li>System of a Down</li>
-                        <li>Judas Priest</li>
-                        <li>Iron Maiden</li>
+                        <li>Evanescence</li>
                     </ul>
                 </li>
             </ul>

script.js

@@ -22,7 +22,7 @@ async function updateOpacity(block, show) {
         await wait(0.3);
         block.style.opacity = '1';
     }
- 
+
     block.classList.toggle('visible');
 }
 
@@ -39,8 +39,13 @@ function resetPoints() {
 }
 
 function swapContent() {
-    contentContainer.style.flexDirection = 
-        contentContainer.style.flexDirection === 'row-reverse' ? 'row' : 'row-reverse';
+    if (window.innerWidth < 768) {
+        contentContainer.style.flexDirection =
+            contentContainer.style.flexDirection === 'column-reverse' ? 'column' : 'column-reverse';
+    } else {
+        contentContainer.style.flexDirection =
+            contentContainer.style.flexDirection === 'row-reverse' ? 'row' : 'row-reverse';
+    }
 }
 
 // listeners

style.css

@@ -317,4 +317,10 @@ body:not(.dark) #age {
         border-bottom-left-radius: 10px;
         border-bottom-right-radius: 10px;
     }
+
+    #socials {
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+    }
 }