Improves link gallery styling

4 files changed, 11 insertions, 1 deletions

diff --git a/scss/modules/_index.sm.scss b/scss/modules/_index.sm.scss
index a4fb988..ab51eb2 100644
--- a/scss/modules/_index.sm.scss
+++ b/scss/modules/_index.sm.scss
@@ -1,3 +1,4 @@
 @use 'committee.sm' as *;
+@use 'link-gallery.sm' as *;
 @use 'nav.sm' as *;
 
diff --git a/scss/modules/_link-gallery.scss b/scss/modules/_link-gallery.scss
index d321419..a7b7090 100644
--- a/scss/modules/_link-gallery.scss
+++ b/scss/modules/_link-gallery.scss
@@ -14,8 +14,9 @@
   }
 
   img {
-    max-width: 100%;
+    max-width: 50%;
     max-height: 100%;
+    height: fit-content;
     margin: auto;
     object-fit: contain;
   }
diff --git a/scss/modules/_link-gallery.sm.scss b/scss/modules/_link-gallery.sm.scss
new file mode 100644
index 0000000..723dffc
--- /dev/null
+++ b/scss/modules/_link-gallery.sm.scss
@@ -0,0 +1,4 @@
+.link-gallery {
+  --gallery-item-column-span: 3;
+}
+
diff --git a/scss/modules/_link-gallery.xs.scss b/scss/modules/_link-gallery.xs.scss
index 805073d..9bfc8d6 100644
--- a/scss/modules/_link-gallery.xs.scss
+++ b/scss/modules/_link-gallery.xs.scss
@@ -7,6 +7,10 @@
   --gallery-item-column-span: 2;
   --gallery-row-title-height: 11ex;
   text-align: center;
+
+  img {
+    max-width: 100%;
+  }
 }
 
 .link-gallery__title {