diff --git a/src/components/UI/Card.js b/src/components/UI/Card.js
new file mode 100644
index 0000000..4060a66
--- /dev/null
+++ b/src/components/UI/Card.js
@@ -0,0 +1,7 @@
+import classes from "./Card.module.css";
+
+const Card = (props) => {
+ return
{props.children}
;
+};
+
+export default Card;
diff --git a/src/components/UI/Card.module.css b/src/components/UI/Card.module.css
new file mode 100644
index 0000000..8f3ceb8
--- /dev/null
+++ b/src/components/UI/Card.module.css
@@ -0,0 +1,6 @@
+.card {
+ padding: 1rem;
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
+ border-radius: 14px;
+ background-color: white;
+}
\ No newline at end of file