How to vertically center elements in Bulma?

Question

How can I vertically center this

to that red colored section which is enclosing it?

And should I remove or ad

Answer 1

Just add .is-flex class on the div.columns and both .is-centered and .is-vcentered will be available (Bulma v.0.7.1):

https://bulma.io/documentation/modifiers/responsive-helpers/

Here's my fully working example with a component centered in the screen: