From dcfd3f1c34d446b1df8186d18a42d960dc9d8bcf Mon Sep 17 00:00:00 2001
From: Dilson's Pickles <a.dawson@mu.se>
Date: Thu, 17 Aug 2023 15:44:24 +1000
Subject: [PATCH] Fix up font sizes

---
 src/components/homepage/HeroBanner.astro      | 4 ++--
 src/components/homepage/RecordAnything.astro  | 6 +++---
 src/components/homepage/ReleaseVideo.astro    | 2 +-
 src/components/homepage/ShareYourSounds.astro | 6 +++---
 src/components/navigation/NavigationReact.jsx | 2 +-
 5 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/components/homepage/HeroBanner.astro b/src/components/homepage/HeroBanner.astro
index fa45b3d..40feade 100644
--- a/src/components/homepage/HeroBanner.astro
+++ b/src/components/homepage/HeroBanner.astro
@@ -5,13 +5,13 @@ import DownloadMuseHubButton from "../button/DownloadMuseHubButton";
 ---
 
 <section>
-  <div class="mt-12 mx-auto max-w-md sm:max-w-xl px-3 lg:px-0">
+  <div class="mt-12 mx-auto max-w-screen-md px-3 lg:px-0">
     <div
       class="pt-12 pb-16 lg:pt-12 lg:pb-16 flex flex-col space-y-8 lg:space-y-8"
     >
       <div class="flex flex-col items-center text-center space-y-4">
         <img class="w-24" src={Audacity_Logo} />
-        <h1 class="text-4xl leading-snug font-bold text-gray-800">
+        <h1 class="text-5xl leading-snug font-bold text-gray-800">
           Audacity, the world's most popular audio editing and recording app
         </h1>
       </div>
diff --git a/src/components/homepage/RecordAnything.astro b/src/components/homepage/RecordAnything.astro
index b5b599f..67ad7c8 100644
--- a/src/components/homepage/RecordAnything.astro
+++ b/src/components/homepage/RecordAnything.astro
@@ -7,9 +7,9 @@ import RecordCursor from '../../assets/img/RecordCursor.png'
 ---
 
 <section class="bg-slate-50">
-  <div class="grid grid-cols-12 gap-8 max-w-7xl mx-auto py-20">
-    <div class="flex flex-col justify-center gap-4 col-start-1 col-span-6">
-      <h2 class="text-6xl font-bold">Record anything</h2><p class="text-2xl">
+  <div class="grid grid-cols-12 gap-8 max-w-screen-xl mx-auto py-20">
+    <div class="flex flex-col justify-center gap-4 col-start-1 col-span-5">
+      <h2 class="text-5xl font-bold">Record anything</h2><p class="text-xl">
         Excellent for podcasts, voice-over work or even just recording memos.
         All you need is a microphone.
       </p>
diff --git a/src/components/homepage/ReleaseVideo.astro b/src/components/homepage/ReleaseVideo.astro
index c1f0757..bc9d3c8 100644
--- a/src/components/homepage/ReleaseVideo.astro
+++ b/src/components/homepage/ReleaseVideo.astro
@@ -1,7 +1,7 @@
 <section class="bg-gray-900">
   <div class="grid grid-cols-12 gap-8 max-w-7xl mx-auto py-12">
     <div class="flex flex-col gap-8 justify-center col-start-2 col-end-6">
-      <h2 class="text-3xl items-end text-white leading-snug font-semibold">
+      <h2 class="text-3xl items-end text-white font-semibold">
         Produce music. Produce podcasts. Take total control of your sound
       </h2>
       <a
diff --git a/src/components/homepage/ShareYourSounds.astro b/src/components/homepage/ShareYourSounds.astro
index e71db9b..9b6eb5a 100644
--- a/src/components/homepage/ShareYourSounds.astro
+++ b/src/components/homepage/ShareYourSounds.astro
@@ -4,10 +4,10 @@ import AudioCard from '../../assets/img/AudioCard.png'
 <section
   class="bg-[url('src/assets/img/ShareYourSounds.jpg')] bg-cover bg-center"
 >
-  <div class="grid grid-cols-12 max-w-7xl mx-auto py-32 gap-8">
+  <div class="grid grid-cols-12 max-w-screen-xl mx-auto py-32 gap-8">
     <div class="col-start-1 col-span-6"><img src={AudioCard}/></div>
-    <div class="flex flex-col gap-4 col-start-7 col-span-6 justify-center">
-      <h2 class="text-6xl font-bold text-white">Share your sounds</h2>
+    <div class="flex flex-col gap-4 col-start-8 col-span-6 justify-center">
+      <h2 class="text-5xl font-bold text-white">Share your sounds</h2>
       <p class="text-2xl text-white">Upload your sounds online to Audio.com, instantly.</p>
     </div>
   </div>
diff --git a/src/components/navigation/NavigationReact.jsx b/src/components/navigation/NavigationReact.jsx
index ecad96f..7cd4b8c 100644
--- a/src/components/navigation/NavigationReact.jsx
+++ b/src/components/navigation/NavigationReact.jsx
@@ -39,7 +39,7 @@ function NavigationReact() {
 
   return (
     <nav className="fixed left-0 right-0 top-0 border-b-2 z-50 filter bg-white bg-opacity-90 backdrop-blur-xl ">
-      <div className="flex max-w-screen-2xl mx-auto h-14 px-3 xl:px-0 items-center">
+      <div className="flex max-w-screen-xl mx-auto h-14 px-3 xl:px-0 items-center">
         <a class="flex-1" href="/">
           <span className="text-blue-700 text-lg font-semibold">Audacity</span>
         </a>