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; export let name;
</script> </script>
<style> <main>
h1 { <h1>Hello {name}!</h1>
color: purple; <p>Visit the <a href="https://svelte.dev/tutorial">Svelte tutorial</a> to learn how to build Svelte apps.</p>
text-align: center; </main>
}
</style>
<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>