Fix broken styles of project boxes at Project page

Author: Brambora2022

src/lib/ThinBox.svelte

@@ -50,4 +50,10 @@
 			width: 100%;
 		}
 	}
+
+    @media screen and (max-width: 800px) {
+		.project {
+			width: 100%;
+		}
+	}
 </style>

src/routes/projects/ProjectBoxes.svelte

@@ -77,11 +77,13 @@
         }
     }
     @media only screen and (max-width: 800px) {
-        .main-page {
+        .main-page, .project-page {
+            flex-wrap: flex;
             flex-direction: column;
+            width: 100%;
             gap: 32px;
         }
-        .main-page :global(img) {
+        .main-page :global(img), .project-page :global(img) {
             display: block;
             margin: auto;
             margin-bottom: 12px;