openvibers/afresume Commits

Phones and tablets: the numbers follow the hero tags 28px later, not 92px

OP OpenVibers committed 26 Sept 2026 · da56fc6107 · 2 files, +3 −1

Below 920px the hero is not full-screen and has no scroll cue, so it keeps 16px at the bottom and
the metrics 12px at the top. The desktop hero is unchanged.

Changes

ddiff --git a/src/components/Hero.astro b/src/components/Hero.astro
iindex 2c9b53c..6743614 100644
---- a/src/components/Hero.astro
++++ b/src/components/Hero.astro
@@@ -333,7 +333,8 @@ import fcAlbum from "../data/fc-album.json";
    @keyframes fadeIn { to { opacity: 1; } }
  
    @media (max-width: 920px) {
--    .hero { min-height: auto; padding-top: calc(var(--nav-h) + 30px); }
++    /* Not full-screen here, so no reserve for the scroll cue: the numbers follow the tags closely. */
++    .hero { min-height: auto; padding-top: calc(var(--nav-h) + 30px); padding-bottom: 16px; }
      .hero__grid { grid-template-columns: 1fr; }
      .hero__visual { order: -1; }
      .portrait { width: min(290px, 72vw); margin-top: 10px; }
ddiff --git a/src/components/Metrics.astro b/src/components/Metrics.astro
iindex 277a1b2..df7cb4c 100644
---- a/src/components/Metrics.astro
++++ b/src/components/Metrics.astro
@@@ -18,6 +18,7 @@ const metrics = profile.metrics;
  
  <style>
    .metrics { padding: clamp(24px, 4vw, 48px) 0 clamp(40px, 6vw, 80px); }
++  @media (max-width: 920px) { .metrics { padding-top: 12px; } }
    .metrics__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
    .metric {
      position: relative; overflow: hidden;