diff --git a/src/components/Container.tsx b/src/components/Container.tsx
new file mode 100644
index 0000000..b53cf16
--- /dev/null
+++ b/src/components/Container.tsx
@@ -0,0 +1,17 @@
+type Props = {
+    children: React.ReactNode;
+    className?: string;
+  }
+
+  /* -------------------------------------------------------------------------- */
+  /*                      default is 840px as our template                      */
+  /* -------------------------------------------------------------------------- */
+  
+  export default function Container({children, className}: Props) {
+    return (
+      <div className={ (className) ? className : 'w-[840px]' }>
+        {children}
+      </div>
+    )
+  }
+  
\ No newline at end of file