Fixed width issues with youtube footer

NGTS · May 16, 2024 · 81960e4 · 81960e4
1 parent dbcfa39
commit 81960e4
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/pages/templates/footer.html b/pages/templates/footer.html
@@ -110,13 +110,13 @@ <h3> NGTS resumes operations after COVID-19 shutdown.</h3>
 
   <div class="w3-row-padding w3-center" style="margin-top:64px">
     <div class="w3-third">
-      <iframe width="560" height="315" src="https://www.youtube.com/embed/c_t-1decopY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+      <iframe width="90%" height="30%" src="https://www.youtube.com/embed/c_t-1decopY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
     </div>
     <div class="w3-third">
-      <iframe width="560" height="315" src="https://www.youtube.com/embed/Fp03yOTQK5Q" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+      <iframe width="90%" height="30%" src="https://www.youtube.com/embed/Fp03yOTQK5Q" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
     </div>
     <div class="w3-third">
-      <iframe width="560" height="315" src="https://www.youtube.com/embed/tGs31n-HjD4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>  </div>
+      <iframe width="90%" height="30%" src="https://www.youtube.com/embed/tGs31n-HjD4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>  </div>
   </div>
 
   <hr style="border: 0;