style the video item, title decoration, colors

src/components/RandomDate.js

@@ -10,8 +10,8 @@ class RandomDate extends React.Component {
       <section>
         <SectionHeading title="Random Date"/>
         <Grid
-          width={450}
-          gap={24}>
+          width={220}
+          gap={12}>
           <VideoItem/>
           <VideoItem/>
           <VideoItem/>

src/components/RandomTopic.js

@@ -16,7 +16,7 @@ class RandomTopic extends React.Component {
         this.props.topicName + ' (' +this.props.topicCount + ')'}/>
           <Grid className="random-topics"
           width={220}
-          gap={16}>
+          gap={12}>
           {this.props.videos.map(video =>
             <VideoItem id={video.id} key={video.id} title={video.title }/>
           )}

src/stylesheets/video-item.scss

@@ -5,15 +5,17 @@
 /* Video item*/
 .video-item {
   background: #f6f6f6;
-  min-height: 400px;
+  min-height: 440px;
   padding: 1em;
 }
 
+.random-topics {
   a{
     text-decoration: none;
     font-size: 14px;
     color: black;
   }
+}
 
 .video-thumbnail {
   transition: all .4s ease-in-out;
@@ -28,3 +30,6 @@ a {
   overflow: hidden;
 }
 
+.video-title{
+  padding-top: 1em;
+}