Сохранил локальные изменения перед pull

frontend/main.css

@@ -172,3 +172,76 @@ body {
     top: 210px;
     left: 660px;
 }
+
+
+@media screen and (max-width: 768px) {
+    body {
+        flex-direction: column;
+        align-items: center;
+        padding: 0 10px;
+    }
+
+    .main-container {
+        padding-top: 20px;
+    }
+
+    .image-wrapper {
+        width: 100%;
+        flex-direction: column;
+        align-items: center;
+        padding: 10px;
+    }
+
+    .image-container {
+        width: 100%;
+        height: auto;
+        padding: 0;
+    }
+
+    .image-container img {
+        width: 100%;
+        height: auto;
+    }
+
+    .details-container {
+        width: 100%;
+        margin-top: 15px;
+        margin-left: 0;
+        padding: 15px;
+    }
+
+    .download-btn {
+        position: static;
+        margin-top: 15px;
+        width: 100%;
+        height: 40px;
+        font-size: 18px;
+    }
+
+    .game-mode,
+    .tags,
+    .file-size,
+    .added-time {
+        position: static;
+        margin-top: 10px;
+        width: 100%;
+        text-align: left;
+    }
+
+    .dynamic-data {
+        margin-left: 0;
+        font-size: 14px;
+    }
+
+    .youtube-container {
+        position: static;
+        margin-top: 15px;
+        width: 100%;
+        height: auto;
+    }
+
+    .youtube-container iframe {
+        width: 100%;
+        height: auto;
+    }
+}