Hi. I used to be able to do this, back when I was using improper methods for positioning, styling, etc.
But, I find myself no longer able to vertically center items… at least in the proper/contemporary way!
I am currently building a front (landing) page, where I have a title/logo in the center of the screen. I would normally use something like a 45% attribute value on either the title’s top padding, or the height attribute of a blank div above the title… but that’s just not working for me.
So, I did a bit of research, but haven’t found anything… aside from examples using hard-set px values, which I can’t do, because the screen size will obviously vary with each case.
I tried a Flex div, and used the Flex alignment attributes, but that didn’t work either.
So, here I am, asking what is the current proper (fully compatible on all platforms) method of placing something halfway down a page?