diff --git a/apps/portfolio/site/styles.css b/apps/portfolio/site/styles.css index 5335d6a..a11a674 100644 --- a/apps/portfolio/site/styles.css +++ b/apps/portfolio/site/styles.css @@ -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 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-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-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); }