title: How to vertically align objects in CSS when working with CSS grids?
body: <p>I have come across this problem recently. Lets suppose I have a simple <code>&lt;h1&gt;</code> tag and I want to center it vertically, so even when I re-size the window, it will remain in the middle of one of my grid box rows, neglecting its horizontal position. </p>
  
  <p>I know that when it comes to grid containers, <code>vertical-align</code> has no effect. So what would be the solution?</p>
  
  <p>This question has been marked as a duplicate, however, the other question asks about centering text horizontally, whereas, here, I'm asking about vertical centering.</p>