fix: responsiveness

src/components/Link.svelte

@@ -39,6 +39,7 @@
 		color: var(--special-color);
 		text-decoration: none;
 		font-weight: 550;
+		white-space: nowrap;
 	}
 	a:hover {
 		color: var(--outline-color);

src/components/Table.svelte

@@ -13,6 +13,7 @@
 		padding: 1rem;
 		box-shadow: 0px 0px 2px var(--shadow-color);
 		border: 1px solid var(--outline-color);
+		overflow-x: auto;
 	}
 	table {
 		border-collapse: collapse;
@@ -21,6 +22,8 @@
 
 	:global(#table thead th) {
 		padding-bottom: 0.25rem;
+		padding-left: 1rem;
+		padding-right: 1rem;
 		border: solid;
 		width: 350px;
 		margin: auto;

src/routes/index.svelte

@@ -82,11 +82,13 @@
 </ul>
 
 <h2>Highlighted Projects</h2>
-{#each PROJECTS as project}
-	<ListItem>
-		<Link href={project.href}>{project.name}</Link> - {project.description}
-	</ListItem>
-{/each}
+<ul>
+	{#each PROJECTS as project}
+		<ListItem>
+			<Link href={project.href}>{project.name}</Link> - {project.description}
+		</ListItem>
+	{/each}
+</ul>
 
 <style>
 </style>