I want 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 row of the "ionic grid" ... I would like to define a way to always keep the and the image in the middle of it regardless of the size of the "responsive" screen ... I thought of setting a number of rows, if it is possible to keep some empty rows serving as spacing to the elements of the screen. but I do not know how I'll do it, could anyone help me?
Grid system on Ionic
1
asked by anonymous 26.09.2017 / 22:08
1 answer
0
To put the 2 buttons underneath you can use the ION-FOOTER, which they already have in the bottom part, and the image in the middle, you can set the top margin of 50% ie it will always be in the middle of the screen. img { width: Image size; margin: 50% auto 0 auto; }
NOTE: I advise you to try to learn Flex box, it will make your life much easier
28.12.2017 / 03:46