add some responsive shit

2025-10-30 22:12:54 +01:00
parent a56f774525
commit 3a8454474f
4 changed files with 52 additions and 20 deletions
--- a/html/styles/mobile.css
+++ b/html/styles/mobile.css
@@ -1,8 +1,11 @@
-@media (max-width: 801px) {
+@media (max-width: 860px) {
    .container {
        flex-direction: column;
        justify-content: center;
        align-items: center;
+        height: auto;
+        width: 100%;
+        gap: 20px;
    }

    .introduction
@@ -15,4 +18,14 @@
        height: 100%;
    }

+    .projects
+    {
+        width: 100%;
+        height: 100%;
+    }
+
+    .card-list
+    {
+        justify-content: space-evenly;
+    }
 }