Fix mobile layout

1 files changed, 16 insertions, 2 deletions

diff --git a/html/assets/style.css b/html/assets/style.css
index d4f5b9c..7b4de1a 100644
--- a/html/assets/style.css
+++ b/html/assets/style.css
@@ -130,6 +130,14 @@ img.rss
     margin: auto;
 }
 
+.youtube-video iframe
+{
+    max-width: 728px;
+    max-height: 410px;
+    width: 728px;
+    height: 410px;
+}
+
 .contact-list, .social-media-list 
 {
     list-style: none;
@@ -173,7 +181,7 @@ img.rss
 .page-info-container
 {
    display: flex;
-   width: 700px;
+   max-width: 700px;
    margin: auto;
 }
 
@@ -227,7 +235,7 @@ img.rss
 
 .page-title-header-container 
 {
-    width: 1000px;
+    max-width: 1000px;
     margin: auto;
     display: block;
 }
@@ -353,6 +361,12 @@ a.header-link
         margin-left: auto;
         margin-right: auto;
     }
+
+    .youtube-video iframe
+    {
+        width: 100%;
+        height: 56%;
+    }
 }
 
 .animated-box::before