From 65c788e05d427a2dd50750d931f700400198f6c0 Mon Sep 17 00:00:00 2001
From: Tom van Woudenberg <t.r.vanwoudenberg@tudelft.nl>
Date: Fri, 13 Dec 2024 12:39:01 +0100
Subject: [PATCH] Update book.md

---
 book/intro/book.md | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/book/intro/book.md b/book/intro/book.md
index 5362c35..50090a6 100644
--- a/book/intro/book.md
+++ b/book/intro/book.md
@@ -2,7 +2,18 @@
 
 Never seen a TeachBook before? Here's a small demo of our MUDE-book!
 
-<iframe width="100%" src="https://www.youtube.com/embed/gbBsWo6em4c?si=ayKhISsx06LmGbDD" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+
+<div style="display: flex; justify-content: center;">
+    <div style="position: relative; width: 100%; height: 0; padding-bottom: 56.25%;">
+        <iframe
+            src="https://www.youtube.com/embed/gbBsWo6em4c?si=ayKhISsx06LmGbDD"
+            style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"
+            frameborder="0"
+            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+            allowfullscreen
+        ></iframe>
+    </div>
+</div>
 
 So what are you looking at? It's a website generated with the [Jupyter Book package](https://jupyterbook.org/). Various extensions have been added to improve the student-experience, especially for technical topics!