add line to ApartmentList

pairent_frontend_react/src/components/ApartmentsList/index.jsx

@@ -1,5 +1,19 @@
 import React from "react";
 import CardApartment from '../CardApartament';
+import styled from 'styled-components';
+
+const ListElement = styled.li`
+    border-bottom: 1px solid;
+    border-image: linear-gradient(to right, transparent 33.5%, #c2c4c2 33.5%) 100% 1;
+    box-sizing: border-box;
+    list-style-type: none;
+    padding: 20px 0;
+
+    & section {
+        margin-top: 0;
+    }
+`;
+
 
 /**
  * 
@@ -11,12 +25,16 @@ export default function ApartmentsList(props) {
     const list = props.list;
 
     return (
-        <div>
+        <ul>
             {
                 list.map((el, i) => {
-                    return <CardApartment results={el} />
+                    return (
+                        <ListElement>
+                            <CardApartment results={el} />
+                        </ListElement>
+                    );
                 })
             }
-        </div>
+        </ul>
     )
 }

pairent_frontend_react/src/pages/IndexPage/index.jsx

@@ -91,7 +91,7 @@ const SubmitBtn = styled.button`
     background: royalblue;
     padding: 10px;
     border-radius: 8px;
-    color: #f9f9f9;W
+    color: #f9f9f9;
 `;
 
 const SearchBarFilter = styled.div`