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:
parent
3a2b5a2f57
commit
3bd410cc02
2 changed files with 11 additions and 2 deletions
|
|
@ -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%;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -309,6 +309,8 @@
|
|||
|
||||
.blog :global(.site-footer) {
|
||||
margin-left: -50px;
|
||||
margin-right: -50px;
|
||||
margin-top: 4rem;
|
||||
}
|
||||
|
||||
/* --- Mobile --- */
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue