2 files changed, 18 insertions, 0 deletions
diff --git a/src/common/components/ScreenContainer/index.tsx b/src/common/components/ScreenContainer/index.tsx
new file mode 100644
index 0000000..60676ea
--- /dev/null
+++ b/src/common/components/ScreenContainer/index.tsx
@@ -0,0 +1,15 @@
+import styles from "./screen-container.module.css"
+
+interface Props {
+  children: React.ReactNode
+}
+
+const ScreenContainer = ({ children }: Props) => {
+  return (
+    <div className={styles.screen}>
+      {children}
+    </div>
+  )
+}
+
+export default ScreenContainer
+\ No newline at end of file
diff --git a/src/common/components/ScreenContainer/screen-container.module.css b/src/common/components/ScreenContainer/screen-container.module.css
new file mode 100644
index 0000000..0d055d3
--- /dev/null
+++ b/src/common/components/ScreenContainer/screen-container.module.css
@@ -0,0 +1,3 @@
+.screen {
+    @apply container max-w-[480px] h-screen bg-white;
+}
+\ No newline at end of file