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 ?

1 Like
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/

1 Like
5

Thank you for the help. Issue resolved using flexbox .