fixed youtube video overflow on mobile

We put a set size on desktop but we'll have it compress on mobile
CodingBull-dev · May 16, 2024 · ede8b2a · ede8b2a
1 parent 1695578
commit ede8b2a
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/_includes/blog.html b/src/_includes/blog.html
@@ -19,8 +19,9 @@ <h3 class="text-4xl lg:text-6xl font-bold blog-title">{{ title }}</h3>
 
     <div class="blog-content">
         {% if video %}
-        <iframe width="560" height="315" src="https://www.youtube.com/embed/{{ video }}" title="YouTube video player"
-            frameborder="0" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture"
+        <iframe class="lg:h-[315px] lg:w-[560px]" src="https://www.youtube.com/embed/{{ video }}"
+            title="YouTube video player" frameborder="0"
+            allow="autoplay; clipboard-write; encrypted-media; picture-in-picture"
             referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
         {% endif %}