From bcddd71cca69fe02ce305819762bdb7698c330f6 Mon Sep 17 00:00:00 2001
From: Karl Stolley <karl@zulip.com>
Date: Wed, 23 Apr 2025 10:56:50 -0500
Subject: [PATCH] thumbnails: Add minimal flexbox definition.

---
 web/styles/rendered_markdown.css | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/web/styles/rendered_markdown.css b/web/styles/rendered_markdown.css
index 47452f9879..daf62e0262 100644
--- a/web/styles/rendered_markdown.css
+++ b/web/styles/rendered_markdown.css
@@ -414,18 +414,20 @@
     }
 
     /* embedded link previews */
+    .message-thumbnail-gallery {
+        display: flex;
+        flex-flow: row wrap;
+        place-items: center center;
+        gap: 5px;
+        margin-bottom: var(--markdown-interelement-space-px);
+    }
+
     .message_inline_image_title {
         font-weight: bold;
     }
 
     .twitter-image,
     .message_inline_image {
-        display: inline-block;
-        vertical-align: middle;
-
-        margin-bottom: var(--markdown-interelement-space-px);
-        margin-right: 5px;
-
         /* Set a background for the image; the background will be visible
            behind the width of the transparent border. */
         border: solid 3px transparent;