title: Why 1 em = 1 pixel in this case?
body: <p>isn't em suppose to be 16px by default? why in this case em = px?
  shouldn't height of the image be 800px(16*50)?</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>            &lt;img id="header-img" width="50px" height="50em" src="https://nordvpn.com/wp-content/uploads/2020/07/favicon-196x196-1.png" alt="NordVPN Logo"&gt;</code></pre>
  </div>
  </div>
  </p>