add missing propType to LibrarySection component. Add css flex box to…

… same component.

src/components/LibrarySection.css

@@ -1,3 +1,6 @@
 .library-section {
-  margin-top: 10vh;
+  margin-top: 8vh;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-evenly;
 }

src/components/LibrarySection.js

@@ -1,5 +1,4 @@
 import React, { Component } from 'react';
-// import { BrowserRouter as Router, Link } from 'react-router-dom';
 import PropTypes from 'prop-types';
 import axios from 'axios';
 import Movie from './Movie';
@@ -33,7 +32,7 @@ class LibrarySection extends Component {
 
   render() {
 
-    const { movies } = this.state
+    const { movies } = this.state;
 
     const allMovies = movies.map((movie, i) => {
 
@@ -55,7 +54,7 @@ class LibrarySection extends Component {
 }
 
 LibrarySection.propTypes = {
-
+  selectMovieCallback: PropTypes.func,
 };
 
 export default LibrarySection;

src/components/Movie.css

@@ -0,0 +1,3 @@
+.movie-card {
+  background-color: rgba(14, 16, 17, 1);
+}

src/components/Movie.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-// import './Movie.css';
+import './Movie.css';
 
 
 const Movie = (props) => {