From f534b734a64fec2600199528b1a4ab8a084bcbfe Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Thu, 14 Sep 2023 10:11:36 +0200
Subject: [PATCH] improve media embeds size on mobile

---
 src/components/styled/GlobalStyle.styled.jsx | 35 ++++++++++++++++++++
 1 file changed, 35 insertions(+)

diff --git a/src/components/styled/GlobalStyle.styled.jsx b/src/components/styled/GlobalStyle.styled.jsx
index dd49247c..c140bf8d 100644
--- a/src/components/styled/GlobalStyle.styled.jsx
+++ b/src/components/styled/GlobalStyle.styled.jsx
@@ -90,6 +90,41 @@ export const GlobalStyle = createGlobalStyle`
       max-width: 100% !important;
       max-height: 100% !important;
     }
+
+    .instagram-embed {
+      width: 100vw !important;
+      height: 45vh !important;
+    }
+
+    .streamable-embed, 
+    .bitchute-embed, 
+    .odysee-embed, 
+    .youtube-embed, 
+    .rumble-embed, 
+    .twitch-embed {
+      width: 100vw !important;
+      height: 30vh !important;
+    }
+
+    .spotify-embed {
+      width: 100vw !important;
+      height: 40vh !important;
+    }
+  
+    .tiktok-embed {
+      width: 100vw !important;
+      height: 70vh !important;
+    }
+
+    .twitter-embed {
+      width: 100vw !important;
+      height: 65vh !important;
+    }
+
+    .reddit-embed {
+      width: 100vw !important;
+      height: 55vh !important;
+    }
   }
 
   .post-menu-catalog {