use main element for content

Author: andnorda

src/routes/(pages)/+layout.svelte

@@ -1,14 +1,11 @@
-<script lang="ts">
-</script>
-
-<div class="wrapper">
+<main>
 	<div class="content">
 		<slot />
 	</div>
-</div>
+</main>
 
 <style>
-	.wrapper {
+	main {
 		font-size: 1.125rem;
 		padding: min(4vw, 3.6rem);
 		display: flex;

src/routes/+page.svelte

@@ -4,14 +4,14 @@
 	import Hero from "$lib/Hero.svelte";
 </script>
 
-<div class="wrapper">
+<main>
 	<Hero />
 	<Glances />
 	<Brukere />
-</div>
+</main>
 
 <style>
-	.wrapper {
+	main {
 		display: flex;
 		flex-direction: column;
 		gap: min(14vw, 8rem);