make it nicer

This commit is contained in:
Rich Harris 2019-11-15 18:28:25 -05:00
parent 45f4a4d78f
commit 883c42249b

View file

@ -2,11 +2,29 @@
export let name;
</script>
<style>
h1 {
color: purple;
text-align: center;
}
</style>
<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>
<h1>Hello {name}!</h1>
<style>
main {
text-align: center;
padding: 1em;
max-width: 240px;
margin: 0 auto;
}
h1 {
color: #ff3e00;
text-transform: uppercase;
font-size: 4em;
font-weight: 100;
}
@media (min-width: 640px) {
main {
max-width: none;
}
}
</style>