Mostly rewritten here, lets see about deployment tomorrow

src/layouts/taSection.astro

@@ -0,0 +1,41 @@
+---
+export interface Props {
+	title: string;
+}
+
+const { title } = Astro.props;
+---
+<div>
+    <h1>{title}</h1>
+    <h2>The full list of my completed TAs can be found on my Youtube channel. This is only a small selection of the most notable TAs</h2>
+    <div class="container ta-container">
+        <slot />
+    </div>
+</div>
+
+<style>
+   div > div {
+        row-gap: 1.5em;
+        column-gap: 1.5em;
+        justify-content: center;
+        align-self: center;
+        display: flex;
+        flex-flow: row wrap;
+        padding: 1em;
+    }
+    h1 {
+        color: white;
+        margin: 0.5rem 0px;
+        padding: 0.25rem 0.75rem;
+        width: max-content;
+        background-color: #1e1e1e;
+    }
+    h2 {
+        color: white;
+        font-size: 16px;
+        font-weight: 600;
+        margin: 5;
+        line-height: 20px;
+        text-align: center;
+    }
+</style>