diff --git a/css-cookbook/media-objects--download.html b/css-cookbook/media-objects--download.html
index 1dd5b69..e576430 100644
--- a/css-cookbook/media-objects--download.html
+++ b/css-cookbook/media-objects--download.html
@@ -41,6 +41,7 @@
         }
 
         .media-flip {
+          display: grid;
           grid-template-columns: 1fr fit-content(250px);
           grid-template-areas:
             "content image"
diff --git a/css-cookbook/media-objects.html b/css-cookbook/media-objects.html
index 2b1568d..78de84e 100644
--- a/css-cookbook/media-objects.html
+++ b/css-cookbook/media-objects.html
@@ -29,6 +29,7 @@
         }
 
         .media-flip {
+          display: grid;
           grid-template-columns: 1fr fit-content(250px);
           grid-template-areas:
             "content image"
@@ -150,6 +151,7 @@
   }
 
   .media-flip {
+    display: grid;
     grid-template-columns: 1fr fit-content(250px);
     grid-template-areas:
       "content image"