style: change spacing

This commit is contained in:
MAZE 2023-10-06 14:25:55 +03:30
parent 6720e86a0a
commit cc26f68097
4 changed files with 16 additions and 4 deletions

View file

@ -1,4 +1,8 @@
.category {
&:not(:last-of-type) {
margin-bottom: 20px;
}
& .iconContainer {
display: flex;
flex-direction: column;

View file

@ -1,5 +1,5 @@
.hero {
padding: 100px 0 10px;
padding: 100px 0 20px;
text-align: center;
& .logo {

View file

@ -32,7 +32,7 @@
& h3 {
font-family: var(--font-heading);
font-size: 15px;
font-size: var(--font-sm);
font-weight: 600;
line-height: 1.6;
}

View file

@ -8,6 +8,14 @@ import sounds from '@/data/sounds.json';
---
<Layout title="Welcome to Astro.">
<Hero />
<Categories client:load sounds={sounds.sounds} />
<main>
<Hero />
<Categories client:load sounds={sounds.sounds} />
</main>
</Layout>
<style>
main {
padding-bottom: 100px;
}
</style>