progress

src/routes/Projects.svelte

@@ -1,8 +1,6 @@
 <script lang="ts">
 	import { goto } from '$app/navigation';
 
-	import IconNext from 'svelte-material-icons/ArrowRight.svelte'
-
 	function smoothScrollTo(elementId: string) {
 		const element = document.getElementById(elementId);
 		if (element) {

src/styles/index.scss

@@ -1,7 +1,7 @@
 /* layout */
 .container {
 	height: 100vh;
-	width: auto;
+	width: 100%;
 	scroll-snap-type: y mandatory;
 	overflow-y: scroll;
 }

src/styles/mobile/projects.scss

@@ -2,11 +2,11 @@
 
 @media (max-width: 850px) {
     content {
-        .content-container {
+        .container {
             flex-wrap: wrap;
             margin: 0;
     
-            .container {
+            .grid {
                 grid-template-columns: 6em 6em 6em 6em;
                 grid-template-rows: 6em 6em 6em;
                 gap: 1em 1em;
@@ -27,7 +27,12 @@
             .tip {
                 text-align: center;
                 line-height: 130%;
+                margin: 0;
             }
+
+            .next {
+				background-size: 2em;
+			}
         }
     }
 }