From 5b597c6a2a39886c1c3746d825b902fe77d1d84b Mon Sep 17 00:00:00 2001
From: paco <34928425+pacocoursey@users.noreply.github.com>
Date: Thu, 8 Oct 2020 12:26:49 -0600
Subject: [PATCH] Hide the banner on mobile

---
 components/core/Featurebar/Featurebar.module.css | 12 ------------
 components/core/Featurebar/Featurebar.tsx        |  9 ++++++---
 2 files changed, 6 insertions(+), 15 deletions(-)

diff --git a/components/core/Featurebar/Featurebar.module.css b/components/core/Featurebar/Featurebar.module.css
index 54d8108bf..13214e475 100644
--- a/components/core/Featurebar/Featurebar.module.css
+++ b/components/core/Featurebar/Featurebar.module.css
@@ -1,11 +1,3 @@
-.root {
-  @apply py-4 px-6 bg-black text-white flex flex-row justify-center items-center;
-}
-
-.title {
-  @apply text-white font-medium;
-}
-
 .separator {
   @apply mx-3 bg-white;
   width: 1px;
@@ -15,7 +7,3 @@
 .separator:before {
   content: '';
 }
-
-.description {
-  @apply text-white font-medium;
-}
diff --git a/components/core/Featurebar/Featurebar.tsx b/components/core/Featurebar/Featurebar.tsx
index 7fa882d8a..d3772ff49 100644
--- a/components/core/Featurebar/Featurebar.tsx
+++ b/components/core/Featurebar/Featurebar.tsx
@@ -9,12 +9,15 @@ interface Props {
 }
 
 const Featurebar: FC<Props> = ({ title, description, className }) => {
-  const rootClassName = cn(s.root, className)
+  const rootClassName = cn(
+    'hidden py-4 px-6 bg-black text-white md:flex flex-row justify-center items-center;',
+    className
+  )
   return (
     <div className={rootClassName}>
-      <span className={s.title}>{title}</span>
+      <span className="text-white font-medium">{title}</span>
       <span className={s.separator} />
-      <span className={s.description}>{description}</span>
+      <span className="text-white font-medium">{description}</span>
     </div>
   )
 }