full width video support

assets/js/st-nav.js

@@ -78,4 +78,3 @@ function setHeaderClasses() {
 }
 
 const navItems = document.querySelectorAll('.st-header-icon-bar__item');
-

functions.php

@@ -4,8 +4,9 @@
 add_action('after_setup_theme', 'slowtwitch_theme_support');
 
 function slowtwitch_theme_support() {
-    add_theme_support('title-tag');
+    add_theme_support( 'title-tag' );
     add_theme_support( 'align-wide' );
+    add_theme_support( 'responsive-embeds' );
 }
 
 // enqueue styles

style.css

@@ -1173,6 +1173,23 @@ COMPONENTS
     max-width: 100%;
 }
 
+.wp-block-embed.is-type-video iframe {
+    width: 100%;
+    height: 231px;
+}
+
+@media (min-width: 760px) {
+    .wp-block-embed.is-type-video iframe {
+        height: 360px;
+    }
+}
+
+@media (min-width: 1200px) {
+    .wp-block-embed.is-type-video iframe {
+        height: 562px;
+    }
+}
+
 .st-article-section-related-articles {
     display: flex;
     flex-wrap: wrap;