# Position item half way down page (... the right way) **URL:** \ **Category:** Beginners\ **Created:** [May 11, 2020, 12:42am UTC](https://forum.pinegrow.com/t/position-item-half-way-down-page-the-right-way/4102 "2020-05-11T00:42:51Z")\ **Posts on this page:** 5\ **Page:** 1
**Author:** ![ladlon](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/ladlon/32/928_2.png) [@ladlon](https://forum.pinegrow.com/u/ladlon)\ **Post date:** [May 11, 2020, 12:42am UTC](https://forum.pinegrow.com/t/position-item-half-way-down-page-the-right-way/4102/1 "2020-05-11T00:42:51Z")
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? ---
**Author:** ![droidgoo](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/droidgoo/32/2209_2.png) [@droidgoo](https://forum.pinegrow.com/u/droidgoo)\ **Post date:** [May 11, 2020, 2:51am UTC](https://forum.pinegrow.com/t/position-item-half-way-down-page-the-right-way/4102/2 "2020-05-11T02:51:41Z")
have you tried using the viewport units? 45vh to position an element 45% of the way down from the top. > **[Fun with Viewport Units | CSS-Tricks](https://css-tricks.com/fun-viewport-units/)** > > Viewport units have been around for several years now, with near-perfect support in the major browsers, but I keep finding new and exciting ways to use ---
**Author:** ![ladlon](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/ladlon/32/928_2.png) [@ladlon](https://forum.pinegrow.com/u/ladlon)\ **Post date:** [May 11, 2020, 5:34pm UTC](https://forum.pinegrow.com/t/position-item-half-way-down-page-the-right-way/4102/3 "2020-05-11T17:34:21Z")
Hi, droidgoo. Ya, I just noticed that attribute in Pinegrow yesterday, as I was working on my site. As with all features, my main question/concern is browser/platform support (…without additional workarounds, coding, etc). I couldn’t find a page on it in the canisuse site. Also, is that the only way to do it? I have to try again today, but it seemed like the usual things (50% values, vertical alignment, etc) don’t seem to work. Even so, I’m not sure if those are ‘correct’ ways to do it these days. ---
**Author:** ![droidgoo](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/droidgoo/32/2209_2.png) [@droidgoo](https://forum.pinegrow.com/u/droidgoo)\ **Post date:** [May 11, 2020, 8:18pm UTC](https://forum.pinegrow.com/t/position-item-half-way-down-page-the-right-way/4102/4 "2020-05-11T20:18:15Z")
the article talks about browser support. ---
**Author:** ![ladlon](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/ladlon/32/928_2.png) [@ladlon](https://forum.pinegrow.com/u/ladlon)\ **Post date:** [May 11, 2020, 9:49pm UTC](https://forum.pinegrow.com/t/position-item-half-way-down-page-the-right-way/4102/5 "2020-05-11T21:49:51Z")
( FACEPALM… ) Oops… Sorry. Somehow I didn’t notice it’s literally the first line of the article! I’m now going to order myself to stand in the corner for a while. But, ya, it’s been working for me on my system. Thanks!