Implementing Blog

src/layouts/blogSection.astro

@@ -0,0 +1,33 @@
+---
+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 0.5rem 0.5em;
+        padding: 0.25rem 0.75rem;
+        width: max-content;
+        background-color: var(--c-darkgray);
+    }
+    div {
+        display: block;
+        row-gap: 1em;
+        column-gap: 1em;
+        padding: 1em;
+        color: white;
+        font-size: 1em;
+    }
+    
+</style>