overflow of footer on print preview

I want to fix overflow of fixed footer. When width of content increases then footer. Will overflow over content.

I tried
overflow:hidden

So above code will put footer in bottom but it's cut down data.

This happening in print preview not on webpage issue

Adding link of my code please look into it
Hi anyone help me in solving below problem.
The problem is footer overflow when body width increases. This problem happening on print preview not on webpage. Need to fix for print. Can any one help me with this.
I tried using
 overflow:hidden

But this will cut my content. Don't know how to fix it. Please help me with this bug

Please play around with my code
https://stackblitz.com/edit/web-platform-h6ajmr?file=index.html
IMG_20230926_230504.jpg
IMG_20230926_230537.jpg
IMG_20230926_230528.jpg
StackBlitz
A polymer project based on @polymer/lit-element.
Pure HTML / CSS / JS (forked) - StackBlitz
Was this page helpful?