Whitespace Growing When Resizing Page

I am hoping someone could help me understand what is creating the growing whitespace that occurs between the img-div and the tribute-info div when resizing the page (smaller). I’ve been experimenting and searching online, but haven’t had any luck. I’m not sure I even understand the issue to use the right search terms so I would be very grateful if someone could give me an explanation or at least help point me in the right direction. Here is a link to my Codepen


Thank you in advance for any tips :slight_smile:

Looks like display:grid is somehow interfering with the whitespace in your #main.

I removed display:grid and it removed whitespace. Try in that direction.

Good luck!

Thank you so much for this! Now that I knew what was causing it I was able to reconfigure the grid layout to get rid of the whitespace.