Vertical alignment of properties


#1

I want to align my content vertically,in the centre of the page for cross platforms.For horizontal alignment i have used col-offset,I have also used margin-top but it appears different in browser and different in tablets or phone.
How to solve this issue ?


#2

Can you try following code??

<ion-content >
        <div class="row">
            <div class="col">
//put your content.........
            </div>
        </div>
    </ion-content>

#3

No its not working. I want my content at the centre of my page for cross platforms.


#4

The ionic scss uses a flexbox implementation.
If you are working with scss you can use this flexbox to vertical align the content.

Look here:
http://philipwalton.github.io/solved-by-flexbox/demos/vertical-centering/


#5

Thank you for the help. Issue resolved using flexbox .