Whitespace Growing When Resizing Page

Whitespace Growing When Resizing Page
0

#1

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

https://codepen.io/barrettfett/full/GXKqbX

Thank you in advance for any tips :slight_smile:


#2

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!


#3

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.