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:
Learn to code. Build projects. Earn certifications.Since 2015, 40,000 graduates have gotten jobs at tech companies including Google, Apple, Amazon, and Microsoft.
What are you calling the footer? I can’t find it.
1 Like
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?
<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
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
I realized I couldn’t see it because I forgot a colon in my CSS
position:sticky
works great but I believe it only works if I put -webkit-
before it.
Thanks!
system
Closed
July 18, 2021, 9:00am
7
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.