style: move footer out of main section; put spacing rules on Layout
This commit is contained in:
parent
c1dbccc1ec
commit
ef38c43ad0
3 changed files with 8 additions and 6 deletions
|
@ -57,8 +57,6 @@ const year = new Date().getFullYear()
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
footer {
|
footer {
|
||||||
padding: 0;
|
|
||||||
|
|
||||||
display: grid;
|
display: grid;
|
||||||
gap: 1em;
|
gap: 1em;
|
||||||
grid-auto-flow: row;
|
grid-auto-flow: row;
|
||||||
|
|
|
@ -54,10 +54,11 @@ const { title, description, ogImage } = Astro.props
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<style is:global>
|
<style is:global>
|
||||||
main {
|
main,
|
||||||
|
footer {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
max-width: var(--content-width);
|
max-width: var(--content-width);
|
||||||
padding: 1em;
|
padding: 1em 1em 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
|
@ -107,7 +108,10 @@ const { title, description, ogImage } = Astro.props
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<!-- Anonymous RUM for web perf by Cloudflare Web Analytics -->
|
<!-- Anonymous RUM for web perf by Cloudflare Web Analytics -->
|
||||||
<script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "a39ad600e67a4db8960c639d2552435c"}'></script>
|
<script
|
||||||
|
defer
|
||||||
|
src="https://static.cloudflareinsights.com/beacon.min.js"
|
||||||
|
data-cf-beacon='{"token": "a39ad600e67a4db8960c639d2552435c"}'></script>
|
||||||
<!-- End Cloudflare Web Analytics -->
|
<!-- End Cloudflare Web Analytics -->
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -60,8 +60,8 @@ import now from '../constants/now.json'
|
||||||
/>
|
/>
|
||||||
</ul>
|
</ul>
|
||||||
</section>
|
</section>
|
||||||
<Footer />
|
|
||||||
</main>
|
</main>
|
||||||
|
<Footer />
|
||||||
</Layout>
|
</Layout>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
|
|
Loading…
Reference in a new issue