title: CSS - Button disappears when resizing window
body: <p>In my project, I have a button. When I resize my browser window, the button magically dissapears, when the screen reaches a width of <strong>1042px</strong>. When It disappears on the screen, I check the inspect tools in my browser and the element is still in the webpage somewhere, however not visible on the screen.</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div class ="section-1"&gt;
  &lt;button class="signupBodyBtn"&gt;Sign up free, today&lt;/button&gt; 
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>.section-1 {
      width: 100%;
      position: relative;
      height: 100vh;
      background: url("https://images.paras.com/testimg/10100") no-repeat center center/cover;
  }
  
  
  .signupBodyBtn {
      position: relative;
      z-index: 2;
      top: 263px;
      right: 683px;
      background-color: transparent;
      color: white;
      border-radius: 5px;
      height: 60px;
      width: 220px;
      font-weight: bolder;
      font-size: 18px;
      border: 1px solid white;
  }
  </code></pre>
  
  <p>Does anybody know how to fix the issue? Thank you.</p>