How to vertically center only one flex item and not another?

Asked Apr 07 '17 at 15:38

Active Apr 07 '17 at 15:42

Viewed 17 times

I want to always vertically center the bottom flex item but keep the top flex item where it is.

I don't know if there's a way to do this with flexbox but I would prefer to do that over using absolute positioning.

Using space-between sticks it to the bottom, and then space-around centers both, but I just want to center the bottom one.

edited Apr 07 '17 at 15:42

Michael Benjamin

asked Apr 07 '17 at 15:38

Timothy Fisher

I see you have a fiddle, but you really need to add HTML / CSS /Javascript etc... – Cam Apr 07 '17 at 15:41
Yeah nevermind that question answers my question. I used the invisible flex item method. – Timothy Fisher Apr 07 '17 at 16:03

0 Answers0