Get user reservation photos to show up on the user show page

app/assets/stylesheets/users.scss

@@ -1,3 +1,30 @@
 // Place all the styles related to the Users controller here.
 // They will automatically be included in application.css.
 // You can use Sass (SCSS) here: http://sass-lang.com/
+
+.reservation-index {
+  width: 100%;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+
+  .reservation-title {
+    width: 96%;
+    font-size: 2.2em;
+    font-family: Circular, "Helvetica Neue", Helvetica, Arial, sans-serif;
+    color: #484848;
+  }
+
+  .list {
+    width: 80%;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+  }
+
+  .reservation {
+    width: 30%;
+    height: 30vh;
+  }
+
+}

frontend/components/root.jsx

@@ -5,13 +5,13 @@ import { HashRouter } from 'react-router-dom';
 
 const Root = ({ store }) => {
 
-    return (
-        <Provider store={store}>
-            <HashRouter>
-                <App />
-            </HashRouter>
-        </Provider>
-    );
+  return (
+    <Provider store={store}>
+      <HashRouter>
+        <App />
+      </HashRouter>
+    </Provider>
+  );
 };
 
 export default Root;

frontend/components/user/user_list_item.jsx

@@ -4,8 +4,10 @@ const UserListItem = (props) => {
   let {home, reservation } = props;
 
   return (
-    <div>
-      <div> {home.id} </div>
+    <div className="home-index-item">
+      <div className="home-index-photo-container">
+        <img className="home-index-photo" src={home.photoUrl} />
+      </div>
     </div>
   );
 };

frontend/components/user/user_show.jsx

@@ -36,8 +36,13 @@ class User extends React.Component {
     });
 
     return(
-      <div>
-        <ul>
+      <div className="reservation-index">
+        <ul className="list">
+          <li className="reservation-title">
+            <div>
+              <h1>My Reservations</h1>
+            </div>
+          </li>
           {userHomes.map((payload, index) => (
             <UserListItem
               key={index}