Added CardArticle comp

src/components/UI/CardArticle/CardArticle.jsx

@@ -0,0 +1,19 @@
+import React from "react";
+import cardCalendar from "../../../images/cardCalendar.svg";
+
+import "./cardArticle.scss";
+
+export const CardArticle = ({ images, title, data, id }) => {
+  return (
+    <div className="card-article">
+      <img src={images} />
+      <h5>{title}</h5>
+      <div className="card-article__data">
+        <img src={cardCalendar} />
+        <p>{data}</p>
+      </div>
+    </div>
+  );
+};
+
+export default CardArticle;

src/components/UI/CardArticle/cardArticle.scss

@@ -0,0 +1,23 @@
+.card-article {
+  background: #ffffff;
+  border-radius: 12px;
+  width: 344px;
+  margin-bottom: 24px;
+
+  h5 {
+    font-style: normal;
+    font-weight: 500;
+    font-size: 17px;
+    line-height: 20px;
+    padding: 12px 16px 8px 16px;
+  }
+
+  &__data {
+    display: flex;
+    padding: 0 0 14px 16px;
+
+    img {
+      margin-right: 9px;
+    }
+  }
+}