feat: US-014 - Responsive verification and fixes across breakpoints

- Fix grid overflow at mobile: add minWidth:0 + overflow:hidden to Card
- Scale ParentSection h2 responsively (1.5rem mobile → 2.4rem desktop)
- Make KPI grid single-column below 480px, 2-column above
- Fix SubNav alignment: left-aligned on mobile, centered on md+
- Fix SubNav tileIds to match restructured dashboard sections
- Add data-tile-id anchors to experience/skills/education subsections
This commit is contained in:
2026-02-14 18:41:07 +00:00
parent 6bd12dd776
commit f9b4062dd5
5 changed files with 17 additions and 11 deletions
+9 -3
View File
@@ -392,12 +392,18 @@ export function DashboardLayout() {
{/* Two-column experience/skills grid */}
<div className="pathway-columns" style={{ marginTop: '24px' }}>
<WorkExperienceSubsection onNodeHighlight={handleNodeHighlight} />
<RepeatMedicationsSubsection onNodeHighlight={handleNodeHighlight} />
<div data-tile-id="section-experience">
<WorkExperienceSubsection onNodeHighlight={handleNodeHighlight} />
</div>
<div data-tile-id="section-skills">
<RepeatMedicationsSubsection onNodeHighlight={handleNodeHighlight} />
</div>
</div>
{/* Education subsection */}
<EducationSubsection />
<div data-tile-id="section-education">
<EducationSubsection />
</div>
</ParentSection>
</div>
</motion.main>