lukeonline - commit b3b9868

diff --git a/src/components/Header.astro b/src/components/Header.astro index 6060fae..ad54eb7 100644 --- a/src/components/Header.astro +++ b/src/components/Header.astro @@ -7,7 +7,6 @@ const linkStyling = --- <header class="flex flex-col gap-2"> - <span class="text-xl font-bold">Luke Jones</span> <nav class="flex flex-row flex-wrap justify-between gap-2"> <a class={linkStyling} href="/">Home</a> <a class={linkStyling} href="/projects">Projects</a> diff --git a/src/layouts/Base.astro b/src/layouts/Base.astro index 5fe5c4d..2dcc4ee 100644 --- a/src/layouts/Base.astro +++ b/src/layouts/Base.astro @@ -13,10 +13,13 @@ const { ...props } = Astro.props <html> <Head title={`${SITE_TITLE} - ${props.title}`} /> - <body class="w-full p-2 text-base md:m-auto md:w-192 md:p-8"> - <div class="flex flex-col gap-5 border-1 border-solid bg-white p-8"> + <body + class="flex w-full flex-col gap-3 p-2 text-base md:m-auto md:w-3xl md:p-8" + > + <span class="text-3xl font-bold">Luke Jones</span> + <div class="flex flex-col gap-3 border border-solid bg-white p-6"> <Header /> - <main class="flex flex-col gap-4"> + <main class="flex flex-col gap-3"> <Heading level={1}>{props.title}</Heading> <slot /> </main> diff --git a/src/styles/global.css b/src/styles/global.css index 20b8f11..211abbb 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -1,5 +1,5 @@ @import 'tailwindcss'; html { - background: #ccc; + background: #ddd; }