From 1de840fb786a26807916c9a5595b9593c5452f86 Mon Sep 17 00:00:00 2001
From: Sangelo <contact@sangelo.space>
Date: Fri, 8 Dec 2023 23:32:51 +0100
Subject: [PATCH] progress

---
 src/routes/Projects.svelte      | 2 --
 src/styles/index.scss           | 2 +-
 src/styles/mobile/projects.scss | 9 +++++++--
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/routes/Projects.svelte b/src/routes/Projects.svelte
index e14a0cb..7b8e0b8 100644
--- a/src/routes/Projects.svelte
+++ b/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) {
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 90111c7..0501abb 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -1,7 +1,7 @@
 /* layout */
 .container {
 	height: 100vh;
-	width: auto;
+	width: 100%;
 	scroll-snap-type: y mandatory;
 	overflow-y: scroll;
 }
diff --git a/src/styles/mobile/projects.scss b/src/styles/mobile/projects.scss
index 261aaca..1bbc22a 100644
--- a/src/styles/mobile/projects.scss
+++ b/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;
+			}
         }
     }
 }
\ No newline at end of file