Aligning item in a Grid

Hi guys, how can I get rid of this white space which is between the logo image at the top, and the content at the bottom? Ideally, I would like for the content to sit right underneath the logo. I am using grid here. I used grid-template-areas property so the image would be at the right corner