Spent 30 minutes trying to center a div vertically and i finally gave up

comments (single view)

formatting be like

Ah, I didn't know that there are two child elements. Your best solution then would be these styles in the parent:

display: flex;
flex-direction: column;
align-items: center;
justify-content: center;

that works, thanks

That’s my go-to solution for total centering

It's definitely the cleanest way if you don't want to take elements out of the layout flow :)

View all comments