Update featured content section UI

components/featured-content/style.scss

@@ -16,6 +16,12 @@
     margin-bottom: 40px;
     margin-top: 25px;
 
+    border-bottom: 2px solid #e8e8e8;
+
+    span {
+      background: #f8f9fa;
+    }
+
     a {
       background: black;
       color: white;

pages/home/index.js

@@ -7,7 +7,7 @@ export const Home = (props) => (
   <div className='home-container'>
     <Header />
     <HeroSection />
-    <div className="swim-lanes border-top border-bottom">
+    <div className="featured-content border-top border-bottom bg-light">
       <FeaturedContent />
     </div>
   </div>

pages/home/style.scss

@@ -1,3 +1,3 @@
-.swim-lanes {
+.featured-content {
   padding: 50px 0;
 }