More fixes :)

docs/src/components/HomepageFeatures/index.js

@@ -16,7 +16,7 @@ const FeatureList = [
     ),
   },
   {
-    title: 'Find it fast',
+    title: 'Speedy search',
     description: (
       <>
         <ul>
@@ -24,12 +24,13 @@ const FeatureList = [
           <li>Configurable search method - fuzzy, prefix, etc</li>
           <li>Easily search and filter by session, directory, or machine</li>
           <li>Powerful command line search for integration with other tools</li>
+          <li>Written in Rust, so it's fast <em>and</em> safe 🦀</li>
         </ul>
       </>
     ),
   },
   {
-    title: 'All the data',
+    title: 'Extra context',
     description: (
       <>
         <ul>
@@ -44,7 +45,7 @@ const FeatureList = [
 
 function Feature({ Svg, title, description }) {
   return (
-    <div className={clsx('col col--4')}>
+    <div className={clsx('col col--4', styles.whatisfeatureblock)}>
       <div className={"padding-horiz--md", styles.whatisfeature}>
         <h3>{title}</h3>
         <p>{description}</p>

docs/src/components/HomepageFeatures/styles.module.css

@@ -15,3 +15,13 @@
   padding: 2rem;
 }
 
+
+@media screen and (max-width: 996px) {
+  .whatisfeatureblock {
+    margin-top: 2rem;
+  }
+
+  .features {
+    padding: 0;
+  }
+}

docs/src/css/custom.css

@@ -33,3 +33,4 @@
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
 }
 
+

docs/src/pages/index.module.css

@@ -18,6 +18,20 @@
   .heroBanner {
     padding: 2rem;
   }
+
+  .whatis {
+    padding-top: 2rem;
+  }
+
+  .whatisfeatureblock {
+    margin-top: 2rem;
+  }
+}
+
+@media screen and (min-width: 996px) {
+  .whatis {
+    padding: 4rem;
+  }
 }
 
 .buttons {
@@ -36,11 +50,6 @@
   -moz-text-fill-color: transparent;
 }
 
-.whatis {
-  padding: 4rem;
-
-}
-
 .whatis h1 {
   font-size: 2em;
 }