fix: fixed bad layout on particular cases

askides · Jan 11, 2022 · 839456a · 839456a
1 parent 667d179
commit 839456a
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/components/Plock.js b/src/components/Plock.js
@@ -27,12 +27,13 @@ export function Plock({ children, className, style, nColumns = 3, gap = 10 }) {
     mainGrid: {
       display: "grid",
       gridTemplateColumns: `repeat(${nColumns}, 1fr)`,
-      gap: gap,
+      columnGap: gap,
+      alignItems: "start",
     },
     columnGrid: {
       display: "grid",
       gridTemplateColumns: "100%",
-      gap: gap,
+      rowGap: gap,
     },
   };