Grid system in Ionic

Question

I’m wanting to create a responsive login screen, my screen has only three elements, an image in the middle and two more buttons, each element in a "Ionic grid" Row... I would like to define a way to always keep the boats at the end of the screen and the image in the middle of it regardless of the size of the screen "responsive"...I thought to define a number of Rows, if that’s possible to keep some Rows empty serving as spacing to the screen elements, but I don’t know how I’ll do it, someone could help me?

Answer 1

To put the 2 buttons below you can use the ION-FOOTER, that they are already at the bottom, already the image in the middle, you can set the top margim of 50% IE, it will always be in the middle of the screen. img { width: Size of the image; margin: 50% auto 0 auto; }

NOTE: I advise you to try to learn Flex box, will make your life much easier