feat: Deal with low screen widths in CSS

src/web/css/index.css

@@ -47,7 +47,7 @@ html {
 }
 
 .panel {
-	width: min(clamp(24rem, 12rem + 40vw, 48rem), 100vw);
+    width: min(clamp(24rem, 12rem + 40vw, 48rem), calc(100vw - 3rem));
     border-radius: 15px;
     background-color: var(--panel-bg);
     padding-inline: 1.5rem;
@@ -55,6 +55,23 @@ html {
     box-shadow: 0 0.25em 0.375em hsla(0, 0%, 0%, 0.1);
 }
 
+@media (max-width: 24rem) {
+    .panel {
+        padding-inline: 0.25rem;
+        width: calc(100vw - 0.5rem);
+        border-radius: 0;
+        margin-block-start: 0.2rem;
+    }
+    main {
+        height: 100%;
+    }
+}
+
+footer {
+    padding-inline: 0.25rem;
+    height: max(fit-content, 2rem);
+}
+
 .project-name {
     text-decoration: none;
     background: linear-gradient(