title: Why when resizing window there is no space on the left of the input fields?
body: <p>I have a really quick question. I have developed this css and html with the help of a YouTube tutorial as well as the community. However, I do have a problem and I have spent a good hour trying to solve it but have had no luck. When I resize the window, the vertical line in the center of the page (div="splitter") disappears and there is no space on the left-hand side the input fields either. Can someone please explain why?</p>
  
  <p>Also, if you guys would not mind how does my css code look? Is it correct?</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-css lang-css prettyprint-override"><code>* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  * :focus {
    outline: none;
  }
  
  body {
    background-color: #ced4da;
    font-family: sans-serif;
  }
  
  .wrapper {
    height: 100vh;
    display: flex;
  }
  
  .login-form {
    flex: 1;
    justify-content: flex-end;
    display: flex;
  }
  
  .login-form input[type="email"],
  input[type="password"] {
    border: none;
    background: white;
    height: 40px;
    padding-left: 60px;
    margin-bottom: 10px;
    width: 100%;
  }
  
  .login-form input[type="submit"] {
    border: none;
    background-color: #3DBB96;
    color: white;
    outline: none;
    height: 40px;
    font-size: 15px;
    width: 300px;
    font-weight: lighter;
  }
  
  form {
    align-self: center;
  }
  
  .splitter {
    background-color: grey;
    width: 0.5px;
    height: 180px;
    align-self: center;
    margin-right: 40px;
    margin-left: 50px;
  }
  
  .side-text {
    flex: 1;
    align-self: center;
    line-height: 30px;
  }
  
  .side-text h2 {
    font-weight: normal;
  }
  
  .side-text p {
    font-weight: lighter;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="wrapper"&gt;
    &lt;div class="login-form"&gt;
      &lt;form action="Login.php" method="POST"&gt;
        &lt;div class="email-input-field"&gt;
          &lt;input type="email" placeholder="Email" name="emailPost"&gt;
        &lt;/div&gt;
        &lt;div class="password-input-field"&gt;
          &lt;input type="password" placeholder="Password" name="passwordPost"&gt;
        &lt;/div&gt;
        &lt;div class="submit-button"&gt;
          &lt;input type="submit" value="Submit"&gt;
        &lt;/div&gt;
      &lt;/form&gt;
    &lt;/div&gt;
    &lt;div class="splitter"&gt;&lt;/div&gt;
    &lt;div class="side-text"&gt;
      &lt;h2&gt;Cold Ops&lt;/h2&gt;
      &lt;p&gt;ADMINISTRATION PANEL&lt;/p&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>