title: Non responsive website made using Create React App - Page showing zoomed in on mobile
body: <p><a href="https://i.stack.imgur.com/GItP4.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/GItP4.png" alt="enter image description here"></a>
  <a href="https://i.stack.imgur.com/Xr5EZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Xr5EZ.png" alt="enter image description here"></a></p>
  
  <p>Background of the problem - I am creating a simple HTML landing page using create react app node package manager.
  I started having problem when I tried to make the website mobile friendly.</p>
  
  <p>Specific problem - 
  When I check the <code>create react app</code> public folder, I do not see anything wrong with the viewport meta tag and it is as is should be.Here is another screenshot. </p>
  
  <p><a href="https://i.stack.imgur.com/rPUSw.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rPUSw.png" alt="enter image description here"></a></p>
  
  <p>When I open the website on the mobile its zoomed in and the background color is out of proportion. I am guessing it is happening because of viewport meta data not getting rendered correctly. </p>
  
  <p>Anyone with a react and CSS skill combined will be able to figure out what is making this happen. I am attaching a gif of the problem below. </p>
  
  <p><a href="https://i.stack.imgur.com/P5mJM.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/P5mJM.gif" alt="enter image description here"></a></p>
  
  <p><a href="https://media.giphy.com/media/5QMIqeb9wfEWnZlkei/giphy.mp4" rel="nofollow noreferrer">link two </a></p>
  
  <p>I need help with fixing the viewport meta data for a landing page created using Reacts scaffolded 'Create react application'. </p>
  
  <p>I am trying to make the site mobile friendly however am facing the following issue. Kindly load the following link on a mobile device or mobile simulation mode in the browser. </p>
  
  <p><a href="http://sagarmunjal.github.io/learnreactjs" rel="nofollow noreferrer">http://sagarmunjal.github.io/learnreactjs</a></p>
  
  <p>Also, when the page resizes. I would want to learn how to make the text resize/ adjust according to the window being resized. </p>
  
  <p>The code is available at master branch. <a href="https://github.com/sagarmunjal/learnreactjs.git" rel="nofollow noreferrer">https://github.com/sagarmunjal/learnreactjs.git</a></p>
  
  <p>Any solutions are highly appreciated. </p>