From 80da7af4f1e33c66146ae06ccd20867e46255cdf Mon Sep 17 00:00:00 2001
From: Baptiste Arnaud <baptiste.arnaud95@gmail.com>
Date: Mon, 24 Jun 2024 15:40:24 +0200
Subject: [PATCH] :bug: (lp) Fix image size in blog on mobile

Closes #1605
---
 ee/apps/landing-page/app/blog/[slug]/Post.tsx          | 6 +++++-
 ee/apps/landing-page/assets/prose.css                  | 4 ++++
 ee/apps/landing-page/content/best-whatsapp-chatbot.mdx | 3 +--
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/ee/apps/landing-page/app/blog/[slug]/Post.tsx b/ee/apps/landing-page/app/blog/[slug]/Post.tsx
index 00f4fd39c..15edfd3de 100644
--- a/ee/apps/landing-page/app/blog/[slug]/Post.tsx
+++ b/ee/apps/landing-page/app/blog/[slug]/Post.tsx
@@ -64,7 +64,11 @@ export const Post = ({ metadata, mdxSource }: Props) => (
           link: (props: any) => <Link {...props} />,
           Image: (props) => (
             <Image
-              style={{ borderRadius: '.5rem', ...props.style }}
+              style={{
+                borderRadius: '.5rem',
+                maxWidth: '100%',
+                ...props.style,
+              }}
               {...props}
             />
           ),
diff --git a/ee/apps/landing-page/assets/prose.css b/ee/apps/landing-page/assets/prose.css
index e0c0352f5..26ea74bb2 100644
--- a/ee/apps/landing-page/assets/prose.css
+++ b/ee/apps/landing-page/assets/prose.css
@@ -23,3 +23,7 @@
 .prose > *:not(img) {
   width: 100%;
 }
+
+.prose > iframe {
+  border-radius: 0.5rem;
+}
diff --git a/ee/apps/landing-page/content/best-whatsapp-chatbot.mdx b/ee/apps/landing-page/content/best-whatsapp-chatbot.mdx
index 282619293..3cd1c583e 100644
--- a/ee/apps/landing-page/content/best-whatsapp-chatbot.mdx
+++ b/ee/apps/landing-page/content/best-whatsapp-chatbot.mdx
@@ -108,8 +108,7 @@ While Typebot's free plan is generous, it does lack some advanced features like
   src="https://cards.producthunt.com/cards/reviews/627368?v="
   width="500"
   height="405"
-  frameborder="0"
-></iframe>
+/>
 
 <Cta />