Help with my footer!

Hey there,

I’m having issues with my footer it just remains a thin line when the browser is resized smaller than the content, but if the window is the size of the content it seems to be a better height.

I’m looking for it to be 6rem consistently. I don’t want it to be fixed. I just want it to be present when I scroll to the bottom of the page.

Here’s the GitHub
Here’s the Page

Would love your thoughts, and or feedback. Thanks!

Your use of ‘display: flex’ on the body caused the footer to gain the property of ‘flex-shrink’ which was smooshing it when the window was resized and elements grew or moved. I removed it, and the rest of the website seemed to be fine.

Thank you very much!