title: vertically centered row in ionic 4
body: <p>I'm using Ionic version 4 and I want my login form in the application to be vertically centered.</p>
  
  <p>I've tried many solutions present in stack overflow but looks like all works for Ionic version 3 and also tried some of the <code>CSS</code> tricks like <code>margin 0 auto;</code> and </p>
  
  <pre><code>display:flex;
  justify-content:center !important;
  align-content:center !important;
  </code></pre>
  
  <p>But didn't work for me.</p>
  
  <p><a href="https://i.stack.imgur.com/Xvfmf.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Xvfmf.png" alt="enter image description here"></a></p>
  
  <p>This is how my forms looks like, I'm using bootstrap additionally and have no custom <code>css</code> classes added into the template.</p>
  
  <p>Here's my template code.</p>
  
  <pre><code>&lt;ion-content color="light"&gt;
    &lt;ion-grid&gt;
      &lt;ion-row class="ion-justify-content-center"&gt;
        &lt;ion-col size-xs="9" size-md="9"&gt;
          &lt;form&gt;
              &lt;div class="form-group"&gt;
                &lt;input
                  type="text"
                  class="form-control"
                  placeholder="Enter AccountID"
                  autocomplete="off"
                /&gt;
              &lt;/div&gt;
              &lt;div class="form-group"&gt;
                &lt;input
                  type="email"
                  class="form-control"
                  placeholder="Enter Email"
                  autocomplete="off"
                /&gt;
              &lt;/div&gt;
              &lt;div class="form-group"&gt;
                &lt;input
                  type="password"
                  class="form-control"
                  placeholder="Enter Password"
                  autocomplete="off"
                /&gt;
              &lt;/div&gt;
              &lt;button type="submit" class="btn btn-primary btn-block"&gt;Submit&lt;/button&gt;
          &lt;/form&gt;
        &lt;/ion-col&gt;
      &lt;/ion-row&gt;
    &lt;/ion-grid&gt;
  &lt;/ion-content&gt;
  </code></pre>