ben/HowDoYouConvert
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Hide sidebar on home and center category grid

Browse Source
This commit is contained in:
Codex
2026-03-07 19:32:18 +00:00
parent 1de77e6c3d
commit fd5d94d145
3 changed files with 52 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
hdyc-svelte/src/app.css
View File

@@ -448,10 +448,30 @@ a:hover {
/* ─── Category Grid ──────────────────────────────────────── */
.category-section {
width: 100%;
display: flex;
justify-content: center;
padding: clamp(1.5rem, 3vw, 3rem) clamp(1rem, 2vw, 2.5rem);
}
.category-section__inner {
width: min(1200px, 100%);
display: flex;
flex-direction: column;
align-items: center;
gap: 1.5rem;
}
.category-section .section-heading {
text-align: center;
margin: 0;
width: 100%;
}
.category-grid {
width: 100%;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
gap: 1rem;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: clamp(0.75rem, 1.3vw, 1.25rem);
justify-items: stretch;
}
/* ─── Calculator List (category page) ────────────────────── */
@@ -589,8 +609,14 @@ a:hover {
.hero h1 {
font-size: 1.8rem;
}
.category-section {
padding: 1.25rem 1rem 2rem;
}
.category-section__inner {
gap: 1rem;
}
.category-grid {
grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
.stats-row {
gap: 1.5rem;