css - Why is there extra padding happening in my div? - Stack Overflow

I've coded my website for all browsers but of course IE has issues. Specifically only IE 7. I'm hoping to find a resolution to why it's behaving the way it is with two issues and what I can add so IE

How does CSS Grid work with Height/Width, Margin and Padding?, by Stefan Valentin

css-overflow-3] Clarify padding in overflow content · Issue #129 · w3c/csswg-drafts · GitHub

CSS padding vs margin: What's the difference?

html - How to hide portion of padded/margin image out of div without padding/marging the main container div of image? - Stack Overflow

html - What has caused the padding around this div to disappear? - Stack Overflow

Tailwind CSS spacing explained - Beyond Code

How To Center a Div

overflow CSS-Tricks - CSS-Tricks

How to hide an HTML element, but still have it take up space in the layout - Quora

Tailwind CSS spacing explained - Beyond Code

Stack Overflow

javascript - centering div within div with uneven padding - Stack Overflow

Styling in React: 5 ways to style React apps - LogRocket Blog

html - Why is there a tiny margin appearing to the right of my DIV? - Stack Overflow

Varying Column Heights in Bootstrap, by Carol Skelly, WDstack