Fix up font sizes

This commit is contained in:
Dilson's Pickles
2023-08-17 15:44:24 +10:00
parent 9489d1c674
commit dcfd3f1c34
5 changed files with 10 additions and 10 deletions

View File

@@ -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>

View File

@@ -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>

View File

@@ -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

View File

@@ -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>

View File

@@ -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>