title: Logo too big when using 100% width
body: <p>If I lower the width, the logo will be affected in smaller screen sizes so it needs to take 100%.</p>
  
  <p>But if I use 100% width then the logo is too big. </p>
  
  <p>I tried making the picture smaller but it's still the same size when I use 100% width. </p>
  
  <p>I've been dealing with this issue for an entire year, trying to figure it out myself. What do I do?</p>
  
  <pre><code>&lt;img class="logo" src="logo.png"&gt;
  
  
  
  logo {
      position: fixed; 
      width: 100%;
      top: -15px;
      height: auto;
      left: 50%;
      transform: translate(-50%);
   }
  </code></pre>