created a project container component

alexsguardian · Nov 20, 2024 · 805bd6e · 805bd6e
1 parent 1eaeb65
commit 805bd6e
Showing 1 changed file with 26 additions and 0 deletions.
diff --git a/src/components/ProjectContainer.astro b/src/components/ProjectContainer.astro
@@ -0,0 +1,26 @@
+---
+interface Props {
+  title: string
+}
+const { title } = Astro.props
+---
+
+<div class="project-grid-container mb-16">
+  <h2 class="px-4 mb-8 text-center">{title}</h2>
+  <div class="project-grid">
+    <slot />
+  </div>
+</div>
+
+<style>
+  /* .project-grid-container {
+    outline: dashed 2px yellow;
+  } */
+
+  .project-grid {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 2rem;
+    justify-content: space-evenly;
+  }
+</style>