Fix: footer repositionné sous l'article via article-wrapper

Le footer était auto-placé par la CSS Grid golden-grid avant l'article.
Wrap article + footer dans .article-wrapper qui porte le grid-area.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
isUnknown 2026-03-12 11:38:01 +01:00
parent 3a2b5a2f57
commit 3bd410cc02
2 changed files with 11 additions and 2 deletions

View file

@ -20,6 +20,7 @@
const shareUrl = $derived(encodeURIComponent(window.location.href))
</script>
<div class="article-wrapper">
<article class="article">
<!-- Date + share buttons -->
@ -110,14 +111,20 @@
</div>
</section>
{/if}
</article>
<Footer />
</div>
<style>
.article-wrapper {
grid-area: 6 / 1 / span 15 / span 20;
display: flex;
flex-direction: column;
}
.article {
grid-area: 6 / 1 / span 10 / span 20;
height: fit-content;
padding: 0 20%;
}

View file

@ -309,6 +309,8 @@
.blog :global(.site-footer) {
margin-left: -50px;
margin-right: -50px;
margin-top: 4rem;
}
/* --- Mobile --- */