3 files changed, 21 insertions, 0 deletions
diff --git a/src/components/Form/Form.css b/src/components/Form/Form.css
index 102e4bb..af1baa6 100644
--- a/src/components/Form/Form.css
+++ b/src/components/Form/Form.css
@@ -82,6 +82,9 @@ input[type=number] {
   padding: 0.8rem 0;
   border-bottom: 1px dotted lightblue; }
 
+.MetaInfoForm {
+  width: 60%; }
+
 @media only screen and (max-device-width: 480px) {
   .formContainer {
     padding: 0.5rem;
diff --git a/src/components/Form/Form.scss b/src/components/Form/Form.scss
index df1cdde..9d4a688 100644
--- a/src/components/Form/Form.scss
+++ b/src/components/Form/Form.scss
@@ -84,6 +84,10 @@ input[type=number] {
   border-bottom: 1px dotted $labelUnderlineColor;
 }
 
+.MetaInfoForm {
+  width: 60%;
+}
+
 @media only screen and (max-device-width: 480px) {
   .formContainer {
     padding: 0.5rem;
diff --git a/src/components/Form/MetaInfoForm.js b/src/components/Form/MetaInfoForm.js
new file mode 100644
index 0000000..da7f26a
--- /dev/null
+++ b/src/components/Form/MetaInfoForm.js
@@ -0,0 +1,14 @@
+import React /*, { useState }*/ from "react";
+import "./Form.css";
+
+const MetaInfoForm = () => {
+  return (
+    <div className={"MetaInfoForm"}>
+      <h1>This section of the app is missing</h1>
+      <p>Please look at this waifu instead.</p>
+      <img height="300" width="230" src="https://i.redd.it/te8tbxl1r9v61.jpg" alt="Shit where is the waifu"></img>
+    </div>
+  )
+}
+
+export default MetaInfoForm;