more mobile display improvements

components/Nav.tsx

@@ -23,7 +23,7 @@ export default function Nav({ section }: Props) {
         gap: 0,
         borderBottom: "1px solid var(--border)",
         fontFamily: "var(--mono)",
-        fontSize: 13,
+     
         userSelect: "none",
       }}>
 

components/ProjectCard.tsx

@@ -113,9 +113,11 @@ export default function ProjectCard({ project, visible, selected = false, setSel
         className="project-card"
         style={{
           minWidth: "10em",
+          maxWidth: "90vw",
           overflow: "hidden",
           textDecoration: "none",
           padding: 28,
+          marginTop: 3,
           background: hovered ? "var(--surface-hover)" : "var(--surface)",
           border: `2px solid var(--accent)`,
           borderRadius: 8,

components/ProjectsGrid.tsx

@@ -131,6 +131,7 @@ const updateHeight = useCallback((projectId: number, heightPx: number) => {
       <div style={{ padding: "48px 0", minWidth: 0 }}>
         {header}
         <div
+        className={"project-grid"}
           ref={containerRef}
           style={{
             display: "flex",