diff --git a/src/lib/ThinBox.svelte b/src/lib/ThinBox.svelte index 23c83ca..e5e0830 100644 --- 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%; + } + } \ No newline at end of file diff --git a/src/routes/projects/ProjectBoxes.svelte b/src/routes/projects/ProjectBoxes.svelte index 82628b0..61f0720 100644 --- 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;