From 5e68068c7ff790dda50cbea77b89b6e158f0f2c0 Mon Sep 17 00:00:00 2001
From: Thomas Dehaeze <dehaeze.thomas@gmail.com>
Date: Thu, 26 Nov 2020 13:41:33 +0100
Subject: [PATCH] Better videos => automatic resize

---
 scss/partials/_video.scss | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/scss/partials/_video.scss b/scss/partials/_video.scss
index 2f30582..a0e0fea 100644
--- a/scss/partials/_video.scss
+++ b/scss/partials/_video.scss
@@ -1,13 +1,17 @@
-/* Center Youtube Videos */
-
-iframe {
-  display: block;
-  margin: auto;
-  max-width: 100%;
+// Youtube Videos
+div.yt {
+  position: relative;
+  padding-bottom: 56.25%; /* 16:9, for an aspect ratio of 1:1 change to this value to 100% */
+  iframe {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+  }
 }
 
-/* Video */
-
+// Other Videos
 video {
   max-width: 100%;
 }