updates

css/styles.css

@@ -14,22 +14,28 @@ body {
     justify-content: center;
     align-items: center;
     flex-direction: column; 
-    min-height: 100vh;
+    height: 100vh;
+    max-height: -webkit-fill-available;
+    max-width: 100vw;
     font-family: 'Source Code Pro', monospace;
 }
 .content{
     display: flex;
-    justify-content: center;
+    justify-content: space-between;
     align-items: center;
     flex-direction: column; 
-    gap: 5rem;
+    gap: 3rem;
+    max-width: 30vw;
 }
 .img_1 {
-    height: 2.5rem;
+    max-width: 100%;
+    max-height: 6vh;
 }
 .img_2 {
-    height: 25rem;
+    max-width: 100%;
+    max-height: 45vh;
 }
+
 /* .udalost:hover {
     text-decoration: line-through;
 } */
@@ -37,4 +43,25 @@ body {
     color: #161340;
     font-weight: bold;
     font-size: 1.5rem;
-}
+}
+
+@media only screen and (max-width: 768px) {
+   .content {
+        max-width: 100vw;
+        height: 100vh;
+   }
+
+   .link {
+        display: flex;
+        justify-content: center;
+        height: 20vh;
+   }
+
+   .udalost {
+    font-size: 1.5rem;
+   }
+
+   .img_1 {
+    max-height: 5vh;
+   }
+}