Fix mobile hero path wrapping

Author: davidbingmann

src/pages/Project.jsx

@@ -30,7 +30,7 @@ export default function Project() {
           projects
         </Link>
         <span className="project-breadcrumb-sep">/</span>
-        <span className="project-breadcrumb-current">{project.slug}</span>
+        <span className="project-breadcrumb-current">{project.title}</span>
       </div>
 
       <h1 className="section-title section-title--case-sensitive">{project.title}</h1>

src/styles.css

@@ -605,16 +605,20 @@ p {
   }
 
   .hero-command {
-    font-size: clamp(1.85rem, 10vw, 2.6rem);
+    font-size: clamp(1.75rem, 8.7vw, 2.2rem);
   }
 
   .hero-tagline {
     margin-top: 0.7rem;
   }
 
+  .hero-content {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+
   .hero-command .path {
-    white-space: normal;
-    overflow-wrap: anywhere;
+    white-space: nowrap;
   }
 
   .section {