Prefer tailwind to plain CSS

This commit is contained in:
Alessandro Pignotti 2024-09-30 16:08:14 +02:00
parent f3fbf4a29f
commit 5c78854b61
2 changed files with 2 additions and 8 deletions

View file

@ -4,19 +4,12 @@
</script> </script>
<Nav /> <Nav />
<main> <main class="flex flex-col w-full h-full">
<h1>Hello {name}!</h1> <h1>Hello {name}!</h1>
<p>Visit the <a href="https://svelte.dev/tutorial">Svelte tutorial</a> to learn how to build Svelte apps.</p> <p>Visit the <a href="https://svelte.dev/tutorial">Svelte tutorial</a> to learn how to build Svelte apps.</p>
</main> </main>
<style> <style>
main {
text-align: center;
padding: 1em;
max-width: 240px;
margin: 0 auto;
}
h1 { h1 {
color: #ff3e00; color: #ff3e00;
text-transform: uppercase; text-transform: uppercase;

View file

@ -1,6 +1,7 @@
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap');
@tailwind base; @tailwind base;
@tailwind utilities;
body body
{ {