fix(css): scope final-cta grid to inner section-shell wrapper

Move display:grid and gap from .final-cta to .final-cta > .section-shell
so the grid context is applied to the correct container element, not the
outer section. Wrap final-cta content in index.html with a section-shell
div accordingly. Also fix .no-results bottom padding that was missing.

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Vinta Chen
2026-03-22 15:37:59 +08:00
parent 38412182e7
commit 53d280ddcf
2 changed files with 7 additions and 2 deletions

View File

@@ -831,7 +831,7 @@ th[data-sort].sort-asc::after {
}
.no-results {
padding: 2.4rem var(--shell-pad) 0;
padding: 2.4rem var(--shell-pad);
text-align: center;
color: var(--ink-muted);
font-size: var(--text-lg);
@@ -860,6 +860,9 @@ th[data-sort].sort-asc::after {
.final-cta {
padding-block: clamp(3rem, 7vw, 5.5rem);
background: oklch(94% 0.025 72);
}
.final-cta > .section-shell {
display: grid;
gap: 1rem;
}

View File

@@ -243,7 +243,8 @@
</div>
</section>
<section class="final-cta section-shell" data-reveal>
<section class="final-cta" data-reveal>
<div class="section-shell">
<p class="section-label">Contribute</p>
<h2>Know a project that belongs here?</h2>
<p>Tell us what it does and why it stands out.</p>
@@ -263,5 +264,6 @@
>Star the repository</a
>
</div>
</div>
</section>
{% endblock %}