Mostly rewritten here, lets see about deployment tomorrow

src/layouts/contactSection.astro

@@ -0,0 +1,37 @@
+---
+export interface Props {
+	title: string;
+}
+
+const { title } = Astro.props;
+---
+<section>
+    <h1>{title}</h1>
+    <div>
+        <slot />
+    </div>
+</section>
+
+<style>
+h1 {
+    color: white;
+    margin: 0.5rem 0px;
+    padding: 0.25rem 0.75rem;
+    width: max-content;
+    background-color: #1e1e1e;
+}
+div {
+    row-gap: 1em;
+    column-gap: 1em;
+    justify-content: center;
+    align-self: center;
+    display: flex;
+    flex-flow: row wrap;
+    padding: 1em;
+}
+@media (min-width: 512px) {
+    div {
+        justify-content: left;
+    }
+}
+</style>