Grid alignment - image and text

I am trying to get my icons I designed to align better with my text in the same grid. I designed the grid to be 2x3 and everything looks like its in the right area, but the text is a bit lower than than the center of the icons.
Also, how would I bring my h2 element and p elements closer together inside of a grid? I dislike the space between them.

Document: https://codepen.io/daniel-albano/pen/RwbGXEB

By using the inspector in the developer tools, I see the space between the h2 and p is just margin on the h2. Change it.

Because you used two cells of the same height you can use top margin to align the img .

1 Like

You can also use align-items: center for the grid to vertically center the content in the same rows.

This was it! Thank you, I didn’t know that h tags automatically had a margin in them.