diff --git a/responsiveCard/cards.css b/responsiveCard/cards.css
new file mode 100644
index 0000000..6103eee
--- /dev/null
+++ b/responsiveCard/cards.css
@@ -0,0 +1,27 @@
+body {
+ background: #eee;
+}
+
+.container {
+ width: 100%;
+ height: 100%;
+}
+
+.box {
+ margin-top: 40px;
+ display: flex;
+ position: relative;
+ flex-wrap: wrap;
+ align-items: center;
+ justify-content: center;
+}
+
+.box .card {
+ margin:20px;
+ padding: 10px;
+ text-align: center;
+ height: 200px;
+ width: 320px;
+ background: #fff;
+ border-radius: 5px;
+}
\ No newline at end of file
diff --git a/responsiveCard/cards.html b/responsiveCard/cards.html
new file mode 100644
index 0000000..9e01d8b
--- /dev/null
+++ b/responsiveCard/cards.html
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+ Cards
+
+
+
+
+
+
+
\ No newline at end of file