fixed broken tailwind media query

Author: rglanz-rc

src/pages/index.js

@@ -69,7 +69,7 @@ function LandingPage() {
 
       {/* Links */}
       <section class="py-20 max-w-none bg-gray size-full dark:bg-base-900">
-        <div className="tw-container max-w-7xl flex flex-col mx-auto gap-y-12 lg:flex-row w-fit lg:w-full lg:justify-between gap-x-12">
+        <div className="tw-container max-w-7xl flex flex-col mx-auto gap-y-12 lg:flex-row w-fit lg:w-full md:justify-between gap-x-12">
           {/* Quick Links */}
           <div className="flex flex-col gap-4 w-fit">
             <h2 class="font-normal mb-0 lg:mb-8 text-2xl lg:text-3xl">
@@ -124,12 +124,12 @@ function LandingPage() {
             <img
               src={videoPlaceholder}
               alt="revenuecat welcome"
-              class="size-full mx-auto"
+              class="size-full mx-auto max-w-[600px] lg:max-w-none"
             />
           </div>
 
           <div class="size-full text-center lg:text-left flex flex-col">
-            <h2 className="text-3xl lg:text-4xl lg:mb-6 max-w-[420px]">
+            <h2 className="text-3xl lg:text-4xl lg:mb-6 max-w-[420px] mx-auto">
               Enable Subscriptions In Your App Today
             </h2>
             <p className="max-w-[520px] mx-auto lg:mx-0 text-grayLight dark:text-[#e3e3e3] font-body">

src/theme/Footer/index.js

@@ -21,12 +21,6 @@ function Footer() {
   }
   const { copyright, links, logo, style } = footer;
   return (
-    // <FooterLayout
-    //   style={style}
-    //   links={links && links.length > 0 && <FooterLinks links={links} />}
-    //   logo={logo && <FooterLogo logo={logo} />}
-    //   copyright={copyright && <FooterCopyright copyright={copyright} />}
-    // />
     <footer class="bg-slate-900 pt-20 pb-4 px-4 doc-lg:px-16">
       <div className="flex flex-col items-center gap-16 max-w-xl mx-auto doc-lg:flex-row doc-lg:justify-between w-full doc-lg:max-w-7xl">
         <div className="w-fit mx-auto doc-lg:w-full">

tailwind.config.js

@@ -62,9 +62,9 @@ module.exports = {
           "'Segoe UI Symbol'",
         ],
       },
-    },
-    screens: {
-      "doc-lg": "997px",
+      screens: {
+        "doc-lg": "997px",
+      },
     },
   },
   plugins: [],