fix: use inline element in heading (#5164)

* fix: use inline element in heading div is not allowed as a child for heading, changed it to span. * Create clean-spiders-sin.md Co-authored-by: Rich Harris <hello@rich-harris.dev>
sveltejs · Jun 6, 2022 · 588ea0f · 588ea0f
1 parent 83819ef
commit 588ea0f
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/.changeset/clean-spiders-sin.md b/.changeset/clean-spiders-sin.md
@@ -0,0 +1,5 @@
+---
+"create-svelte": patch
+---
+
+[fix] use inline element in heading
diff --git a/packages/create-svelte/templates/default/src/routes/index.svelte b/packages/create-svelte/templates/default/src/routes/index.svelte
@@ -13,12 +13,12 @@
 
 <section>
 	<h1>
-		<div class="welcome">
+		<span class="welcome">
 			<picture>
 				<source srcset="svelte-welcome.webp" type="image/webp" />
 				<img src="svelte-welcome.png" alt="Welcome" />
 			</picture>
-		</div>
+		</span>
 
 		to your new<br />SvelteKit app
 	</h1>
@@ -44,6 +44,7 @@
 	}
 
 	.welcome {
+		display: block;
 		position: relative;
 		width: 100%;
 		height: 0;