openvibers/openvibe.games Commits

Phone 320px: 'OpenVibe.Games' in the hero takes the width it fits in under 420px (at 42px it overflowed a 320px screen by 62px) (#97)

OP OpenVibers committed 27 days ago · 627179994a · 1 file, +5 −0

Changes

ddiff --git a/apps/client/index.html b/apps/client/index.html
iindex 2da9a69..6c87ea0 100644
---- a/apps/client/index.html
++++ b/apps/client/index.html
@@@ -103,6 +103,11 @@
          line-height: 1;
          animation: rise 0.9s cubic-bezier(0.2, 0.8, 0.2, 1) both;
        }
++      /* "OpenVibe.Games" is one unbreakable word (~8.8 em wide): on phones under 420px it takes the width it fits in
++         (at 42px it overflowed a 320px screen by 62px). */
++      @media (max-width: 420px) {
++        .hero-title { font-size: calc((100vw - 40px) / 8.8); }
++      }
        .hero-title b {
          background: linear-gradient(
            120deg,