svelte-testing/src/components/header.svelte

<script>
	import Button from './navbutton.svelte'
</script>
<div class="h-16 align-middle grid grid-cols-7">
	<div class="h-16 col-start-2 col-span-2 flex flex-row flex-wrap">
		<img
			class="h-4/5 ml-20 my-auto"
			src="https://dutchellie.nl/DutchEllie/proper-website-2/raw/branch/main/web/static/images/icon.png"
			alt="Icon"
		/>
		<div class="pl-5 mt-1 text-slate-200">
			<h1 class="text-3xl h-min font-medium">Internetica Galactica 2</h1>
			<p class="h-min text-xs text-slate-400">Surviving the rewriting</p>
		</div>
	</div>
	<div class="col-start-5 col-end-7 grid grid-cols-6">
		<nav class="h-full flex items-end col-start-5 col-span-2 gap-2 text-slate-200 text-md">
			<Button link="/" text="Home"/>
			<Button link="/about" text="About"/>
		</nav>
	</div>
	<hr class="col-span-full border-slate-700" />
</div>