From 8311a87eb38d0617bf19bfb5a7cd2eae8fc435d8 Mon Sep 17 00:00:00 2001
From: Jack Gerrits <jackgerrits@users.noreply.github.com>
Date: Tue, 13 Feb 2024 16:23:12 -0500
Subject: [PATCH] Update grid to flow better across screen sizes (#1652)

---
 website/docs/Gallery.mdx              | 4 ++++
 website/src/components/GalleryPage.js | 6 +++---
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/website/docs/Gallery.mdx b/website/docs/Gallery.mdx
index 6a9c09752..8a5cd334b 100644
--- a/website/docs/Gallery.mdx
+++ b/website/docs/Gallery.mdx
@@ -1,3 +1,7 @@
+---
+hide_table_of_contents: true
+---
+
 import GalleryPage from '../src/components/GalleryPage';
 import galleryData from "../src/data/gallery.json";
 
diff --git a/website/src/components/GalleryPage.js b/website/src/components/GalleryPage.js
index 93a1be3f0..11f4abe2e 100644
--- a/website/src/components/GalleryPage.js
+++ b/website/src/components/GalleryPage.js
@@ -123,9 +123,9 @@ const GalleryPage = (props) => {
           xs: 1,
           sm: 2,
           md: 2,
-          lg: 2,
-          xl: 3,
-          xxl: 3,
+          lg: 3,
+          xl: 4,
+          xxl: 4,
         }}
         dataSource={filteredData}
         renderItem={(item) => (