[devdocsgjs/main: 40/69] Fix iframe height

[Andy Holmes <andyholmes src gnome org>]

commit 91dc7240a9c6daaedae766b2c0ef804e9f42d1bd
Author: FireIsGood <fireisadequate gmail com>
Date:   Fri Sep 2 02:18:15 2022 -0700

    Fix iframe height

 assets/stylesheets/pages/_mdn.scss | 47 ++++++++++++++++++++++++++++++++++++--
 1 file changed, 45 insertions(+), 2 deletions(-)
---
diff --git a/assets/stylesheets/pages/_mdn.scss b/assets/stylesheets/pages/_mdn.scss
index 900e60bc..ee2f3329 100644
--- a/assets/stylesheets/pages/_mdn.scss
+++ b/assets/stylesheets/pages/_mdn.scss
@@ -132,7 +132,50 @@
     dd { margin: 0; }
   }
 
-  iframe.interactive {
-    width: 100%;
+  .interactive {
+      width: 100%;
+      height: 680px;    
+      &.is-js-height {
+        height: 520px;
+      }
+      &.is-shorter-height {
+        height: 440px;
+      }
+      &.is-taller-height {
+        height: 730px;
+      }
+      &.is-tabbed-shorter-height {
+        height: 490px;
+      }
+      &.is-tabbed-standard-height {
+        height: 550px;
+      }
+      &.is-tabbed-taller-height {
+        height: 780px;
+      }
+    }
+  @media screen and (min-width: 993px) {
+    .interactive {
+      height: 380px;
+
+      &.is-js-height {
+        height: 450px;
+      }
+      &.is-shorter-height {
+        height: 370px;
+      }
+      &.is-taller-height {
+        height: 660px;
+      }
+      &.is-tabbed-shorter-height {
+        height: 360px;
+      }
+      &.is-tabbed-standard-height {
+        height: 430px;
+      }
+      &.is-tabbed-taller-height {
+        height: 640px;
+      }
+    }
   }
 }