🐛 (lp) Fix image size in blog on mobile

Closes #1605
baptisteArno · Jun 24, 2024 · 80da7af · 80da7af
1 parent 7790cf4
commit 80da7af
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 3 deletions.
diff --git 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
@@ -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
@@ -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 />