update query.gg banner

Author: lynnandtonic

usehooks.com/src/components/QueryGGBanner.astro

@@ -15,7 +15,7 @@ import CountdownTimer from "./CountdownTimer";
       <img
         src={"/img/querygg/header-course.svg"}
         alt="Query.gg - The Official React Query Course"
-        class="-mt-[1px] w-10/12 max-w-[350px] justify-self-center"
+        class="-mt-[1px] w-10/12 max-w-[400px] justify-self-center"
       />
       <img
         src={"/img/querygg/corner-top-right.svg"}
@@ -31,7 +31,10 @@ import CountdownTimer from "./CountdownTimer";
       class="lg:w-[45%] py-2 lg:pb-0 grid lg:grid-cols-[1fr_90px] xl:grid-cols-[1fr_120px] justify-center bg-brand-charcoal border-2 lg:border-4 lg:border-l-0 border-solid border-brand-beige text-brand-beige z-10"
     >
       <div class="my-2 uppercase text-center place-self-center text-[1.1rem]">
-        <h2 class="mb-3 font-semibold">Launch sale happening now</h2>
+        <h2 class="mb-1 text-xl lg:text-2xl xl:text-3xl font-semibold">
+          Launch week sale
+        </h2>
+        <p class="normal-case mb-4">Up to 30% off through June 5th</p>
         <CountdownTimer client:only targetDate="2024-06-05" />
         <Button
           text="Join Now"