fix(gallery): change gallery grid to fit on smaller screens

Pelican-Elegant · Feb 5, 2020 · d4c1c50 · d4c1c50
1 parent 17a05da
commit d4c1c50
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/static/css/gallery.css b/static/css/gallery.css
@@ -1,19 +1,28 @@
 div.elegant-gallery {
   display: flex;
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   align-content: center;
+  margin: 0;
+  padding: 0;
+  font-size: 0;
 
   & figure {
     margin: 0;
+    padding: 0;
+    max-width: 100%;
+    border: 1px solid lightgray;
+
     & figcaption {
       display: none;
     }
+
     & img {
+      max-width: 100%;
       border: none;
-      padding: rfs(0.1rem);
+      padding: 0;
       margin: 0;
     }
   }