From ce9a34a052a705ebd0dd1af36c959d39e9ff14ff Mon Sep 17 00:00:00 2001
From: FireIsGood <fireisadequate@gmail.com>
Date: Sun, 14 May 2023 16:36:57 -0700
Subject: [PATCH] Fix iframe height with container queries

---
 assets/stylesheets/pages/_mdn.scss | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/assets/stylesheets/pages/_mdn.scss b/assets/stylesheets/pages/_mdn.scss
index 0eaf7fd5..51f2b6c5 100644
--- a/assets/stylesheets/pages/_mdn.scss
+++ b/assets/stylesheets/pages/_mdn.scss
@@ -1,4 +1,6 @@
 ._mdn {
+  container-type: inline-size;
+
   .index { // HTML, CSS
     -webkit-columns: 16em;
        -moz-columns: 16em;
@@ -155,7 +157,7 @@
         height: 780px;
       }
     }
-  @media screen and (min-width: 993px) {
+  @container (min-width: 594px) {
     .interactive {
       height: 380px;