Make banner visable on mobile

Author: mattcarrollcode

src/components/SocialBanner.tsx

@@ -33,14 +33,16 @@ export default function SocialBanner() {
     <div
       ref={ref}
       className={cn(
-        `h-[40px] hidden lg:flex w-full bg-gray-100 dark:bg-gray-700 text-base md:text-lg py-2 sm:py-0 items-center justify-center flex-col sm:flex-row z-[100]`
+        `h-[40px] flex w-full bg-gray-100 dark:bg-gray-700 text-base md:text-lg py-2 items-center justify-center flex-col flex-row z-[100]`
       )}>
-      <div className="hidden sm:block">{bannerText}</div>
-      <ExternalLink
-        className="ms-0 sm:ms-1 text-link dark:text-link-dark hover:underline"
-        href={bannerLink}>
-        {bannerLinkText}
-      </ExternalLink>
+      <div className="block">
+        {bannerText}
+        <ExternalLink
+          className="ms-1 text-link dark:text-link-dark hover:underline"
+          href={bannerLink}>
+          {bannerLinkText}
+        </ExternalLink>
+      </div>
     </div>
   );
 }