Working database submission display

styles/sass/style.scss

@@ -42,10 +42,10 @@ input[type=number] {
 
 #content {
   width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
   overflow: hidden;
-  & > div {
-    padding: 1em;
-  }
 
   nav {
     --bg: #{$fg};
@@ -97,6 +97,58 @@ input[type=number] {
       border-radius: 100%;
     }
   }
+
+  & > div:first-of-type {
+    display: flex;
+    height: 100%;
+    & > :first-child {
+      min-width: 40em;
+      padding: 1em;
+    }
+    & > * {
+      overflow: scroll;
+    }
+  }
+}
+
+* {
+  box-sizing: border-box !important;
+}
+
+#submissions {
+  display: flex;
+  flex-direction: column;
+  height: calc(100% - 2em);
+  background: rgba(0, 0, 0, 0.125);
+  $gap: 0.5em;
+  padding: $gap;
+  & > div {
+    width: 100%;
+    column-count: 3;
+    margin: 0;
+    
+    gap: $gap;
+
+    & > figure {
+      background: rgba(0, 0, 0, 0.125);
+      padding: $gap;
+      width: 100%;
+      box-sizing: border-box;
+      margin: 0;
+      margin-bottom: $gap;
+      break-inside: avoid-column;
+      text-align: center;
+
+      & > img {
+        width: 100%;
+        cursor: pointer;
+        &:hover {
+          border: none;
+          filter: brightness(1.25);
+        }
+      }
+    }
+  }
 }
 
 .dropdown:hover > .link, nav > .link:hover {