🍻 Things and stuff

src/components/HomepageFeatures.js

@@ -69,13 +69,13 @@ function Feature({ title, description, icon, index }) {
   const color = getColor(index)
   return (
     <div className={`feature align-${side} color-${color}`}>
-      <div className="feature-half">
+      <div className="feature-half text">
         <div className="feature-title">{icon}<h3>{title}</h3></div>
         <p>{description}</p>
         <Button to="/docs" color={color}>{icon} Docs</Button>
       </div>
-      <div className="feature-half">
-        <p>Static Asset will go here</p>
+      <div className="feature-half assets">
+        <div class="screenshot"></div>
       </div>
     </div>
   );

src/styles/HomePageFeatures.scss

@@ -18,8 +18,15 @@
     &.color-white { --feature-color: white; }
     .feature-half {
       width: 50%;
+      &.assets {
+        background: var(--feature-color);
+        .screenshot {
+          background: black;
+          width: 80%;
+          height: 80%;
+        }
+      }
     }
-    border-bottom: 5px solid var(--feature-color);
     .feature-title {
       display: flex;
       align-items: flex-end;