make it nicer

moeismaill · Nov 15, 2019 · 883c422 · 883c422
1 parent 45f4a4d
commit 883c422
Showing 1 changed file with 22 additions and 4 deletions.
diff --git a/src/App.svelte b/src/App.svelte
@@ -2,11 +2,29 @@
 	export let name;
 </script>
 
+<main>
+	<h1>Hello {name}!</h1>
+	<p>Visit the <a href="https://svelte.dev/tutorial">Svelte tutorial</a> to learn how to build Svelte apps.</p>
+</main>
+
 <style>
-	h1 {
-		color: purple;
+	main {
 		text-align: center;
+		padding: 1em;
+		max-width: 240px;
+		margin: 0 auto;
+	}
+
+	h1 {
+		color: #ff3e00;
+		text-transform: uppercase;
+		font-size: 4em;
+		font-weight: 100;
 	}
-</style>
 
-<h1>Hello {name}!</h1>
+	@media (min-width: 640px) {
+		main {
+			max-width: none;
+		}
+	}
+</style>