Footer white space below

Hi there,

I always run into this footer issue,

please see my codepen link - https://codepen.io/nightcoder21/pen/pVOLwy

Here what puzzles me

margin-bottom:0; -I have added this to my footer, i’m no expert but i thought in layman terms there should be NO space below the footer

rather than get the answer,can someone kindly tell me where i have a misunderstanding?

I can never wrap my head around this issue no matter how simple I have tried to make my code

Thanks

thanks,actually i thought about that but its not what i was after, i was simply after a footer that “sticks” to the very bottom (sits flush with the end of the page)