Fix broken styles of project boxes at Project page

hernihistorie · Feb 4, 2025 · 4b7c8ce · 4b7c8ce
1 parent ccd0746
commit 4b7c8ce
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/src/lib/ThinBox.svelte b/src/lib/ThinBox.svelte
@@ -50,4 +50,10 @@
 			width: 100%;
 		}
 	}
+
+    @media screen and (max-width: 800px) {
+		.project {
+			width: 100%;
+		}
+	}
 </style>
diff --git a/src/routes/projects/ProjectBoxes.svelte b/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;