From 299fd89b5cdfd3fd5212a47ed9edf85fe024d1f1 Mon Sep 17 00:00:00 2001
From: Ayo Ayco <ayo@ayco.io>
Date: Sun, 2 Mar 2025 09:40:23 +0100
Subject: [PATCH] fix: make children respectful

---
 src/layouts/App.astro | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/layouts/App.astro b/src/layouts/App.astro
index 5b25485..30bc876 100644
--- a/src/layouts/App.astro
+++ b/src/layouts/App.astro
@@ -89,13 +89,27 @@ const appTitle = article?.title ? `${article.title} | Cozy` : 'Cozy'
 
   #app-wrapper {
     padding: 0.5em 0.5em 10em;
-    max-width: 650px;
+    --app-width: 650px;
     width: 100%;
+    max-width: var(--app-width);
     display: grid;
     gap: 1em;
 
     #main-content {
+      width: 100%;
+      max-width: calc(var(--app-width) - 2em);
       padding: 0 1em;
+
+      & img,
+      & picture,
+      & video,
+      & canvas,
+      & svg,
+      & iframe,
+      & table {
+        overflow-x: auto;
+        display: block;
+      }
     }
 
     &:has(#router-outlet #post) {