make mobile iframe larger

pendulum-chain · Sep 2, 2024 · 6172629 · 6172629
1 parent a2f475b
commit 6172629
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/Iframe/index.tsx b/src/components/Iframe/index.tsx
@@ -22,8 +22,8 @@ const IframeComponent: React.FC<IframeProps> = ({
   <div className="max-w-lg w-full">
     <div className="text-center">
       <h1 className="text-2xl font-bold text-blue-700 mb-4">{title}</h1>
-      <h2 className="text-lg mb-4">{subtitle}</h2>
-      <div className="relative pb-[102%]"> 
+      <h2 className="text-md mb-4">{subtitle}</h2>
+      <div className="relative pb-[150%] md:w-[535px] md:h-[550px]"> 
         <iframe
           src={src}
           style={{ border: 'none' }}