Fix resume sidebar heading overflow

This commit is contained in:
2026-07-16 05:42:38 +00:00
parent ad55fa1a7f
commit 4b8aeb524e
+18 -1
View File
@@ -280,9 +280,26 @@ h2 { margin-bottom: 0; font-size: clamp(2rem, 4vw, 3.35rem); line-height: 1.05;
.fact-list dt { color: var(--muted); font-size: 0.8rem; } .fact-list dt { color: var(--muted); font-size: 0.8rem; }
.fact-list dd { margin: 0; color: var(--text); font-weight: 750; } .fact-list dd { margin: 0; color: var(--text); font-weight: 750; }
.resume-wrap { display: grid; grid-template-columns: 270px 1fr; gap: 24px; align-items: start; } .resume-wrap {
display: grid;
grid-template-columns: minmax(0, 310px) minmax(0, 1fr);
gap: 24px;
align-items: start;
}
.resume-sidebar,
.resume-main {
min-width: 0;
}
.resume-sidebar { position: sticky; top: 100px; } .resume-sidebar { position: sticky; top: 100px; }
.resume-panel { padding: 28px; } .resume-panel { padding: 28px; }
.resume-panel h2 {
max-width: 100%;
margin-bottom: 22px;
font-size: clamp(1.7rem, 2.25vw, 2rem);
line-height: 1.08;
letter-spacing: -0.035em;
overflow-wrap: anywhere;
}
.resume-panel + .resume-panel { margin-top: 18px; } .resume-panel + .resume-panel { margin-top: 18px; }
.resume-main { display: grid; gap: 18px; } .resume-main { display: grid; gap: 18px; }
.resume-section { padding: 32px; border: 1px solid var(--border); border-radius: var(--radius); background: rgba(8, 22, 38, 0.72); } .resume-section { padding: 32px; border: 1px solid var(--border); border-radius: var(--radius); background: rgba(8, 22, 38, 0.72); }