boredgame/src/routes/about/+page.svelte

<svelte:head>
	<title>Bored Game | About</title>
	<meta name="description" content="About Bored Game" />
</svelte:head>

<div class="content">
	<h1>About Bored Game</h1>
        <article>
	<p>
		One day we were bored and wanted to play one of our board games.
	</p>
        <p>
                Our problem was that we didn't know which one to play.
        </p>
	<p>
                Rather than just pick one I decided to make this overcomplicated solution.
        </p>
        </article>
</div>

<style>
    .content, article {
        display: grid;
        gap: 1.5rem;
    }

    p {
        line-height: 2;
    }
</style>