finished styling

src/App.js

@@ -19,8 +19,8 @@ class App extends Component {
         </h1>
         <Forecast />
         <div className="Cards">
-          <Card list={cards} />
-          <Card list={card2} />
+          <Card title="Sık Girdiğim Siteler" list={cards} />
+          <Card title="Reddit" list={card2} />
         </div>
       </div>
     );

src/components/card/card-component.jsx

@@ -3,6 +3,7 @@ import "./card-style.scss";
 const Card = (props) => {
   return (
     <ul className="card">
+      <h3 className="Title">{props.title}</h3>
       {props.list.map((li) => (
         <li key={li} className="text">
           {li}

src/components/card/card-style.scss

@@ -16,6 +16,9 @@
     list-style: none;
     line-height: 30px;
   }
+  .Title {
+    text-align: center;
+  }
 
   a:link {
     color: white;