Hopefully fix mobile

KatastrofeSpil · Oct 2, 2024 · d2e94d2 · d2e94d2
1 parent bf010a1
commit d2e94d2
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -14,7 +14,7 @@
         <p class="cardText"><b></b></p>
         <img class="cardIcon" src="img/about.svg" alt="">
     </a>
-    <a href='#Description' class="card">
+    <a href='javascript:;' onclick="ScrollDown()" class="card">
         <p class="cardText"><b></b></p>
         <img class="cardIcon" src="img/star.svg" alt="">
     </a>

diff --git a/index.js b/index.js
@@ -1,3 +1,6 @@
 function ScrollDown() {
-    document.getElementById("Description").scrollIntoView();
+    //document.getElementById("Description").scrollIntoView();
+    document.querySelector('#Description').scrollIntoView({ 
+        behavior: 'smooth' 
+    });
 } 
diff --git a/stylesheet.css b/stylesheet.css
@@ -1,7 +1,11 @@
+html {
+    scroll-behavior: smooth;
+}
+
 body {
     font-family: 'Courier New', Courier, monospace;
     background-color: black;
-    color: white;
+    color: rgb(0, 255, 0);
 }
 
 .card {
@@ -66,6 +70,20 @@ body {
     transform: rotate(25deg);
 }
 
+@media (max-width:800px) {
+    .card:nth-child(2) {
+        margin-left: -105px;
+    }
+    .card:nth-child(1) {
+        margin-left: -230px;
+        transform: rotate(-15deg);
+    }
+    .card:nth-child(3) {
+        margin-left: 20px;
+        transform: rotate(15deg);
+    }
+}
+
 .card:nth-child(2):hover {
     transform: translate(0,-25px);
 }