title: Website works on Laptop Browser but does not work on Mobile Browser
body: <p>I have developed a web app using the MERN stack.
  This website is: <a href="https://www.javascriptmazes.com" rel="nofollow noreferrer">www.javascriptmazes.com</a> .  For some reason when I open that link on my Laptop's browser, everything works as expected.  However when I try to open the same website on my mobile (Samsung) phone the page does not load properly and I end up seeing just the white background of the browser.</p>
  
  <p>I don't know exactly how to debug on mobile phones since I always do my debugging on my laptop.
  However I went to this website <a href="https://www.mobilephoneemulator.com/" rel="nofollow noreferrer">https://www.mobilephoneemulator.com/</a> and tried to load the said web link on  the emulator and the error messages displayed are:</p>
  
  <blockquote>
    <p>Mixed Content: The page at '<a href="https://www.mobilephoneemulator.com/" rel="nofollow noreferrer">https://www.mobilephoneemulator.com/</a>' was loaded over HTTPS, but requested an insecure stylesheet '<a href="http://www.javascriptmazes.com/static/css/main.1e4202c6.css" rel="nofollow noreferrer">http://www.javascriptmazes.com/static/css/main.1e4202c6.css</a>'. This request has been blocked; the content must be served over HTTPS.
    emulate.php?url=http%3A//javascriptmazes.com&amp;user_agent=Mozilla/6.0 (iPhone%3B CPU iPhone OS 8_0 like Mac OS X) AppleWebKit/536.26 (KHTML%2C like Gecko) Version/8.0 Mobile/10A5376e Safari/8536.25&amp;device=Apple-Iphone6:1 Mixed Content: The page at '<a href="https://www.mobilephoneemulator.com/" rel="nofollow noreferrer">https://www.mobilephoneemulator.com/</a>' was loaded over HTTPS, but requested an insecure script '<a href="http://www.javascriptmazes.com/static/js/main.5d7eb463.js" rel="nofollow noreferrer">http://www.javascriptmazes.com/static/js/main.5d7eb463.js</a>'. This request has been blocked; the content must be served over HTTPS.</p>
  </blockquote>
  
  <p>How do I serve content through HTTPS? and How do I know which specific content needs to be changed?</p>
  
  <p>I'm using MERN....so my client side uses React....also if you look at the web app I use alot of HTML canvas and scripts to draw on the HTML canvas....I don't know if that is relevant or not but just wanted to mention it just in case...</p>
  
  <p>HOw to fix this problem?</p>