Meets

src/Components/Card/style.module.scss

@@ -0,0 +1,74 @@
+.event_card {
+    width: 292px;
+    height: 626px;
+    flex-shrink: 0;
+    margin-top: 100px;
+}
+
+.wrapp {
+    display: flex;
+    justify-content: flex-start;
+    /* max-width: 1521px; */
+}
+
+:root {
+    text-align: left;
+}
+
+.event-card_date {
+    color: var(--gray_text, #888);
+
+/* title */
+font-family: Montserrat;
+font-size: 22px;
+font-style: normal;
+font-weight: 400;
+line-height: normal;
+}
+
+.event-card__photo {
+    width: 292px;
+    height: 340px;
+    flex-shrink: 0;
+background: #D9D9D9;
+margin-bottom: 26px;
+}
+
+.event-card_title {
+    color: #000;
+
+    font-family: Montserrat;
+    font-size: 24px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: normal;
+}
+.feautures {
+    
+display: flex;
+justify-content: center;
+font-family: Montserrat;
+align-items: center;
+font-size: 8px;
+font-style: normal;
+font-weight: 400;
+line-height: normal;
+border-radius: 10px;
+background: #E7FFD2;
+height: 15px;
+padding: 10px;
+}
+
+.tagged {
+    display: inline-flex;
+padding: 10px;
+justify-content: center;
+align-items: center;
+gap: 10px;
+border-radius: 10px;
+border: 1px solid var(--gray_text, #888);
+}
+.taggs {
+    display: flex;
+    justify-content: space-between;
+}