fix: main page UI

static/index.css

@@ -8,6 +8,9 @@
     src: url("/static/fonts/JetBrainsMono-Regular.ttf") format("truetype");
 }
 
+
+
+
 #popup {
     display: none;
     overflow-y: auto;
@@ -160,6 +163,9 @@
     display: flex;
     flex-wrap: wrap;
     height: 100%;
+    min-width: 40rem;
+    justify-content: center;
+    align-content: flex-start;
 }
 
 .navgoodlinks {
@@ -292,7 +298,7 @@
 }
 
 .info1 {
-    width: clamp(40rem, 45%, 80rem);
+    width: clamp(40rem, 45%, 60rem);
     height: clamp(30rem, 50%, 30rem);
     padding: 0.85rem;
     margin-top: 3.5rem;
@@ -306,8 +312,8 @@
 
 
 .small {
-    width: clamp(30rem, 35%, 40rem);
-    height: clamp(30rem, 20%, 30rem);
+    width: clamp(40rem, 35%, 60rem);
+    height: clamp(30rem, 20%, 60rem);
 }
 
 .navigation{
@@ -492,7 +498,6 @@ body {
     width: 100vw;
     height: 100vh;
     margin: 0;
-    overflow: hidden;
     background-size: cover;
 }
 
@@ -502,3 +507,8 @@ a {
     color: white;
 }
 
+@media (max-width: 700px) {
+    /* Стили для мобильных устройств */
+    .container { align-items: center; }
+  }
+

templates/_head.html

@@ -3,6 +3,8 @@
     <script src="{{ url_for('static', filename='scripts/animation.js') }}"></script>
     <meta charset="UTF-8">
 
+
+
 {%- if request.path != url_for('index') %}
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/base16/ros-pine-moon.min.css">
     <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>