From ebc3a26fc8f6da81dd046c9c38ecc4a5da8d34ca Mon Sep 17 00:00:00 2001
From: Hannah <Hannah.dagemark@gmail.com>
Date: Wed, 4 Mar 2026 05:29:41 +0100
Subject: [PATCH] Added RoundedContainer component

---
 components/ui/RoundedContainer.tsx | 9 +++++++++
 1 file changed, 9 insertions(+)
 create mode 100644 components/ui/RoundedContainer.tsx

diff --git a/components/ui/RoundedContainer.tsx b/components/ui/RoundedContainer.tsx
new file mode 100644
index 0000000..e3e427d
--- /dev/null
+++ b/components/ui/RoundedContainer.tsx
@@ -0,0 +1,9 @@
+import React from "react";
+
+export default function RoundedContainer({children, slim = true}: {children: React.ReactNode, slim?: boolean}) {
+  return (
+    <div className={`flex ${slim ? "max-w-6xl" : "max-w-3xl"} rounded-4xl flex-col items-center py-8 px-8 bg-gray-400 dark:bg-slate-900 sm:items-start`}>
+      {children}
+    </div>
+  )
+}
\ No newline at end of file