diff --git a/components/Youtube.tsx b/components/Youtube.tsx
index 2940674..5ac83ba 100644
--- a/components/Youtube.tsx
+++ b/components/Youtube.tsx
@@ -1,9 +1,5 @@
-export const YouTubeVideo = ({id, children} : any) => (
-    <iframe
-      src={'https://www.youtube.com/embed/' + id}
-      width="640"
-      height="360"
-    >
-      {children}
+export const YouTubeVideo = ({ id, children }: any) => (
+    <iframe src={'https://www.youtube.com/embed/' + id} className="w-full xl:h-96 md:h-80 h-64">
+        {children}
     </iframe>
-)
\ No newline at end of file
+)