Clean up: Cards.

Author: nikoshell

src/components/card/card-container.tsx

@@ -1,27 +1,19 @@
 ---
-
-import { CardContainer } from "@components/card/card-container";
 import DeadlineCard from "@components/deadline-card.astro";
-import Headline from "@ui/Headline.astro"
+import Headline from "@ui/Headline.astro";
 import { getCollection } from "astro:content";
-import Section from "@ui/Section.astro"
+import Section from "@ui/Section.astro";
 
 let deadlines = await getCollection("deadlines");
 deadlines = deadlines
   .sort((a, b) => a.slug.localeCompare(b.slug))
   .reverse()
   .slice(0, 6);
-
 ---
-  <Section>
-    <Headline id="updates" title="Updates" center=true />
-    <CardContainer>
-      {deadlines.map((deadline) => <DeadlineCard id={deadline.slug} />)}
-    </CardContainer>
-  </Section>
 
-<style>
-  .s {
-    @apply prose-xl m-0 my-12 p-0;
-  }
-</style>
+<Section>
+  <Headline id="updates" title="Updates" center="true" />
+  <section class="justify-center gap-6 flex flex-wrap px-6">
+    {deadlines.map((deadline) => <DeadlineCard id={deadline.slug} />)}
+  </section>
+</Section>