I am working on the Product Landing Page project. I have it looking how I want other than the footer is overlapping part of the main body.
here is the codepen page for what I am talking about: https://codepen.io/reylas81/full/ZEKaNag
I have tried adding a footer {position:fixed} to my stylesheet and it makes the footer disappear completely. {position:absolute} has it on the left side inline with section above it. If I remove footer {position:x} from the stylesheet it just floats to the right of the section above it but my horizontal rule goes across the entire page.