Why isn't my footer showing up on the page?

HTML-CSS
#1

Tell us what’s happening:
I have a footer that contains text and a form but it doesn’t show up in my document.

Your code so far
https://codepen.io/jalal_b/pen/ZEpmzzX

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.141 Safari/537.36.

Challenge: Build a Product Landing Page

Link to the challenge:

#2

What are you calling the footer? I can’t find it.

1 Like
#3

You have a div tag at the end which I can’t seem to trace back to the opening element. Also, you are opening a section and then you have the footer tag. Not sure if this is the reason, but shouldn’t this be the other way around? Open the footer and then start the section?

#4 
        <footer id="footer">
          
          <p>Form</p>
          
          <form id="form" action="https://www.freecodecamp.org/email-submit">
            <input name="email"
                   id="email"
                   type="email"
                   placeholder="Enter your email"
                   required
                   />
            <input id="submit"
                   type="submit"
                   value="Receive discount alerts"
                   class="btn"
                   />
          </form>
          
        </footer>

Line 156-174

#5

That footer wasn’t there when I looked, but OK.

Try:

  position: sticky;

There are other ways to accomplish this, you can read about some here.

1 Like
#6

I realized I couldn’t see it because I forgot a colon in my CSS :joy:

position:sticky works great but I believe it only works if I put -webkit- before it.

Thanks!