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

View file

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