💄 fix a bit of styling across page (about, index etc.)

This commit is contained in:
SindreKjelsrud 2023-09-25 14:47:15 +02:00
parent caf8b31781
commit e3ea930720
3 changed files with 7 additions and 8 deletions

View file

@ -11,10 +11,10 @@ import { SITE_TITLE, SITE_DESCRIPTION } from '../consts';
<BaseHead title={SITE_TITLE} description={SITE_DESCRIPTION} />
</head>
<body>
<div class="flex flex-col fixed w-screen p-5">
<div class="flex flex-col fixed w-screen">
<Header title={SITE_TITLE} />
<main class="flex flex-col justify-center items-left mx-auto mt-8">
<h1 class="text-2xl">About me</h1>
<main class="flex flex-col justify-center items-left mx-auto">
<h1 class="text-4xl font-extrabold">About me</h1>
<p>Some information about me & stuff I like</p>
<div class="mt-4">
<a href="/tools">link to tools</a>

View file

@ -15,13 +15,12 @@ import { SITE_TITLE, SITE_DESCRIPTION } from '../consts';
<BaseHead title={SITE_TITLE} description={SITE_DESCRIPTION} />
</head>
<body>
<div class="flex flex-col fixed w-screen p-5">
<div class="flex flex-col fixed w-screen">
<Header title={SITE_TITLE} />
<main class="flex flex-col justify-center items-center p-48 description gap-4">
<!--<img class="w-40 rounded-full" src="/assets/pb.jpg" alt="Profile picture of me.">-->
<main class="flex flex-col justify-center items-center text-center pt-48 description gap-4">
<div class="profile"></div>
<h1 class="text-3xl font-bold">Sindre Kjelsrud</h1>
<p class="max-w-md">
<p class="md:max-w">
Student at Western University of Applied Sciences.
</p>
<div class="flex gap-1 social">