comments mock

src/components/containers/Group/styles.scss

@@ -0,0 +1,42 @@
+.group {
+  display: flex;
+
+  > :global(.group_filler) {
+    flex: 1;
+  }
+
+  &.vertical {
+    flex-direction: column;
+
+    & > * {
+      margin: $gap/2 0;
+
+      &:first-child { margin-top: 0; }
+      &:last-child { margin-bottom: 0; }
+    }
+  }
+
+  &.horizontal {
+    flex-direction: row;
+    align-items: center;
+
+    &.top {
+      align-items: flex-start;
+    }
+
+    &.bottom {
+      align-items: flex-end;
+    }
+
+    & > * {
+      margin: 0 $gap;
+
+      &:first-child { margin-left: 0; }
+      &:last-child { margin-right: 0; }
+    }
+  }
+
+  &.wrap {
+    flex-wrap: wrap;
+  }
+}