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))
|
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%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -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 --- */
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue