From 5fafd290701341f3ab8a7406860c0b77da1c8a70 Mon Sep 17 00:00:00 2001 From: Shivashankar Date: Fri, 2 Oct 2020 12:50:17 +0530 Subject: [PATCH] Added Responsive Card --- responsiveCard/cards.css | 27 +++++++++++++++++++++++++++ responsiveCard/cards.html | 23 +++++++++++++++++++++++ 2 files changed, 50 insertions(+) create mode 100644 responsiveCard/cards.css create mode 100644 responsiveCard/cards.html 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