title: When I start website on mobile it's zoomed in and I have to zoom out with fingers
body: <p>I'm struggle with website <a href="https://franky90.github.io/WorkoutProgrammer" rel="nofollow noreferrer">https://franky90.github.io/WorkoutProgrammer</a> .
  When I start it on desktop everything is ok, but when I start on mobile it's zoomed in.
  <a href="https://i.stack.imgur.com/IuIBB.jpg" rel="nofollow noreferrer">Zoom in</a></p>
  <p>I would like to make it start on mobile on full zoom out like this:
  <a href="https://i.stack.imgur.com/I0vyX.jpg" rel="nofollow noreferrer">Zoom out</a></p>
  <p>I've tried to manipulate &quot; meta viewport&quot; in index.html but it didn't work.
  Is it possible to set it by @media in styles.css ?</p>
  <p>github: <a href="https://github.com/franky90/WorkoutProgrammer" rel="nofollow noreferrer">https://github.com/franky90/WorkoutProgrammer</a></p>