From ba7cffc7ec781c0ee2b5a81dc46d8b4d5adda745 Mon Sep 17 00:00:00 2001
From: Dipika Bhattacharya <dipika@foss-community.org>
Date: Fri, 30 Jan 2026 21:01:09 -0500
Subject: [PATCH] adds display:grid to .media-flip

---
 css-cookbook/media-objects--download.html | 1 +
 css-cookbook/media-objects.html           | 2 ++
 2 files changed, 3 insertions(+)

diff --git a/css-cookbook/media-objects--download.html b/css-cookbook/media-objects--download.html
index 1dd5b69d..e5764303 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 2b1568d7..78de84ef 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"