fix: what about on small screens you

src/layouts/App.astro

@@ -90,22 +90,19 @@ const appTitle = article?.title ? `${article.title} | Cozy` : 'Cozy'
   #app-wrapper {
     padding: 0.5em 0.5em 10em;
     --app-width: 650px;
-    width: 100%;
     max-width: var(--app-width);
+    width: 100%;
     display: grid;
     gap: 1em;
 
     #main-content {
-      width: 100%;
       max-width: calc(var(--app-width) - 2em);
       padding: 0 1em;
 
-      & img,
-      & picture,
-      & video,
-      & canvas,
-      & svg,
-      & iframe,
+      @media (max-width: 650px) {
+        max-width: calc(100vw - 2em);
+      }
+
       & table {
         overflow-x: auto;
         display: block;