Update featured section on home

components/featured-content/guides.js

@@ -8,7 +8,7 @@ const FeaturedGuides = () => (
     <div className="container">
       <p className='border-through featured-separator'>
           <span>
-            List of most visited guides&nbsp;
+            Guides mostly visited by the community&nbsp;
             <Link href="/guides"><a className="dark-link d-none d-sm-none d-md-inline d-xl-inline">View all Guides &rarr;</a></Link>
           </span>
       </p>

components/featured-content/roadmaps.js

@@ -7,10 +7,9 @@ const FeaturedRoadmaps = () => (
   <FeaturedContentWrap className="featured-content-wrap">
     <div className="container">
       <div className="featured-head">
-        <h3>Featured Content</h3>
         <p className="border-through featured-separator">
             <span>
-              List of roadmaps mostly visited by the community&nbsp;
+              Roadmaps mostly visited by the community&nbsp;
               <Link href='/roadmaps'>
                 <a className="dark-link d-none d-sm-none d-md-inline d-xl-inline">View all Roadmaps &rarr;</a>
               </Link>

components/featured-content/style.js

@@ -1,7 +1,7 @@
 import styled from 'styled-components';
 
 export const FeaturedWrap = styled.div`
-  padding: 50px 0;
+  padding: 30px 0 50px;
 `;
 
 export const FeaturedContentWrap = styled.div`
@@ -17,10 +17,10 @@ export const FeaturedContentWrap = styled.div`
   }
 
   .featured-separator {
-    font-weight: 400;
+    font-size: 16px;
-    font-size: 18px;
     margin-bottom: 40px;
     margin-top: 25px;
+    color: #999;
 
     span {
       background: #f8f9fa;