Vertically center some element


#1

For instance I have the ion-grid with some elements and all I want to do i to vertically center the ion-grid within all available space.

What is the simplest solution?


#2

Try this:

ion-grid {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
}