Update featured content section UI

2019-09-07 23:18:57 +04:00
parent 32f63ec152
commit a2b91efd38
3 changed files with 8 additions and 2 deletions
--- a/components/featured-content/style.scss
+++ b/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;
--- a/pages/home/index.js
+++ b/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>
--- a/pages/home/style.scss
+++ b/pages/home/style.scss
@ -1,3 +1,3 @@
-.swim-lanes {
+.featured-content {
  padding: 50px 0;
 }