initial commit

2 files changed, 35 insertions, 0 deletions

diff --git a/src/web/components/forum/Forum.css b/src/web/components/forum/Forum.css
new file mode 100644
index 0000000..4ba6dea
--- /dev/null
+++ b/src/web/components/forum/Forum.css
@@ -0,0 +1,21 @@
+.container {
+    width: 100%;
+
+    /*
+    We're using dvh, which is a newish feature that excludes the size of mobile
+    added menus. If we don't use this and instead use 100vh, we have to scroll
+    before we see some elements at the bottom of the page.
+    */
+    height: calc(100vh - var(--nav-bar-height));
+    height: calc(100dvh - var(--nav-bar-height));
+
+    display: flex;
+
+    background-color: var(--black-15);
+}
+
+@media(min-width: 40em) {
+    .container {
+        border-radius: 1em 0 0 0;
+    }
+}
diff --git a/src/web/components/forum/Forum.jsx b/src/web/components/forum/Forum.jsx
new file mode 100644
index 0000000..eed0fe9
--- /dev/null
+++ b/src/web/components/forum/Forum.jsx
@@ -0,0 +1,14 @@
+import React from "react";
+
+import Posts from "components/posts/Posts.jsx";
+import Comments from "components/comments/Comments.jsx";
+import styles from "./Forum.css";
+
+export default function Forum() {
+    return (
+        <div className={styles.container}>
+            <Posts />
+            <Comments />
+        </div>
+    );
+}
\ No newline at end of file