Pavan Kamath
--- a/src/components/Card/index.jsx 0 → 100644
+++ b/src/components/Card/index.jsx 0 → 100644
+import PropTypes from "prop-types";
+import cs from "classnames";
+import styles from "./Card.module.scss";
+
+function Card(props) {
+  const {customClass, children } = props;
+  return (
+    <div className={cs(customClass, styles.card)} title="Copy to Clipboard">
--- a/src/components/Card/index.jsx 0 → 100644
+++ b/src/components/Card/index.jsx 0 → 100644
+import PropTypes from "prop-types";
+import cs from "classnames";
+import styles from "./Card.module.scss";
+
+function Card(props) {
+  const {customClass, children } = props;
+  return (
+    <div className={cs(styles.card, customClass )} title="Copy to Clipboard">
--- a/src/components/Card/Card.module.scss 0 → 100644
+++ b/src/components/Card/Card.module.scss 0 → 100644
+.card {
+  display: flex;
+  background-color: #f8f9fa;
+  flex-direction: row;
+  justify-content: center;
+  width: 200px;
+  position: relative;
+  height: 8vh;
+  border: none;
+  padding: 10px 10px;
+  margin: 20px;
+}
+
+.card:hover {
+  border: 1px solid grey;