feat: minor tweaks

src/components/cards/LargeBlogLeftCard.astro

@@ -42,7 +42,7 @@ const { title, subTitle, url, pubDate, img, imgAlt } = Astro.props;
       <p class="card-text-title font-light text-pretty sm:text-lg max-w-prose mb-8">
         {subTitle}
       </p>
-      <div class="flex items-center justify-between w-full">
+      <div class="card-text-title flex items-center justify-between w-full">
         <div class="button-base button-bg-teal inline-flex rounded-lg gap-x-2">
           <div class="button-text-title flex relative items-center text-center">
             <span class="mr-2">

src/components/cards/LargeBlogRightCard.astro

@@ -32,7 +32,7 @@ const { title, subTitle, url, pubDate, imgOne, imgOneAlt, imgTwo, imgTwoAlt } =
       <p class="card-text-title font-light text-pretty sm:text-lg max-w-prose mb-8">
         {subTitle}
       </p>
-      <div class="flex items-center justify-between w-full">
+      <div class="card-text-title flex items-center justify-between w-full">
         <div class="button-base button-bg-teal inline-flex rounded-lg gap-x-2">
           <div class="button-text-title flex relative items-center text-center">
             <span class="mr-2">

src/components/cards/LargeLinkCard.astro

@@ -38,7 +38,7 @@ const { title, subTitle, url, logoLight, logoDark} = Astro.props;
         </p>
       </div>
     </div>
-    <div class="shrink-0 mr-4">
+    <div class="hidden md:block shrink-0 mr-4">
       <div class="button-base button-bg-teal inline-flex rounded-lg gap-x-2">
         <div class="button-text-title flex relative items-center text-center">
           <span class="mr-2">

src/components/sections/WeatherSection.astro

@@ -20,7 +20,7 @@ const { forecastDays, error } = await getFiveDayForecast(latitude, longitude, ti
   </div>
   {error ? (
   <div class="card-base p-10 text-accent text-center">
-    {error}
+    Sorry, {error.toLowerCase}
   </div>
   ) : (
   <div class="flex flex-wrap justify-center gap-4 lg:gap-6">