implemented contact form

1 files changed, 34 insertions, 0 deletions

diff --git a/styles/form.module.css b/styles/form.module.css
new file mode 100644
index 0000000..56ed09a
--- /dev/null
+++ b/styles/form.module.css
@@ -0,0 +1,34 @@
+.form {
+  display: grid;
+  grid-template-columns: fit-content(30px) 1fr;
+  grid-row-gap: var(--text-padding);
+  grid-column-gap: var(--text-padding);
+}
+
+.form textarea {
+  min-height: 160px;
+  resize: none;
+}
+
+.form button[type="submit"],
+.form .status{
+  grid-column: 1 / -1;
+  text-align: center;
+}
+
+.form input,
+.form textarea,
+.form button[type="submit"] {
+  color: white;
+  background: var(--page-background);
+  border: none;
+  box-sizing: border-box;
+  padding: 4px;
+  height: 32px;
+  width: 100%;
+  box-shadow: none;
+}
+
+.form button[type="submit"] {
+  cursor: pointer;
+}