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;