How to center layout grid vertically?

Hello,   I am trying to vertically center this login layout grid but I can't  figure it out for some reason. I want it for a phone web profile. I tried to play with the align vertically options of the layout grid row and columns but I didn't find a way to work it out.  
1 answers

Hi Marcian,

Add the below styles to your class. It will work fine in web as well as mobile resolution.


  1. position: absolute;
  2. top: 0;
  3. bottom: 0;
  4. left: 0;
  5. right: 0;
  6. margin: auto;
  7. width: 100%;
  8. display: table;