I can get my footer to space out

HTML-CSS
1 
  <nav id="navbar">
      <ul>
        <li><a href="about">About</a></li>
        <li><a href="work">Work</a></li>
        <li><a href="#contact">Contact</a></li>
      </ul>
  </nav>



<main>
    <section id="welcome-section">

      <div class="mimic">
        <h1> Hey i am Bonner<h1>
        <p>a web developer</p>
      </div>

    </section>

    <section id="projects" class="project-section">

        <h2 class="grid-header"> These are some of my projects</h2>
        
        <div class="project-grid">
          <a href="" class="project-title"> <img src="https://www.tv5monde.com/programmes/uploads/2016/11/programme_kemtiyu-seex-anta-joob-cheikh-anta-diop_826_489.jpeg" alt="A picture of Cheikh Anta Diop standing in a crowd"><p class="project-title">Tribute Page</p></a>
          <a href="#" class="porject-tile" > <img src="https://www.tv5monde.com/programmes/uploads/2016/11/programme_kemtiyu-seex-anta-joob-cheikh-anta-diop_826_489.jpeg" alt="A picture of Cheikh Anta Diop standing in a crowd"><p class="project-title">Tribute Page</p></a>
          <a href="#" class="porject-tile" > <img src="https://www.tv5monde.com/programmes/uploads/2016/11/programme_kemtiyu-seex-anta-joob-cheikh-anta-diop_826_489.jpeg" alt="A picture of Cheikh Anta Diop standing in a crowd"><p class="project-title">Tribute Page</p></a>
          <a href="#" class="porject-tile" > <img src="https://www.tv5monde.com/programmes/uploads/2016/11/programme_kemtiyu-seex-anta-joob-cheikh-anta-diop_826_489.jpeg" alt="A picture of Cheikh Anta Diop standing in a crowd"><p class="project-title">Tribute Page</p></a>
          <a href="#" class="porject-tile" > <img src="https://www.tv5monde.com/programmes/uploads/2016/11/programme_kemtiyu-seex-anta-joob-cheikh-anta-diop_826_489.jpeg" alt="A picture of Cheikh Anta Diop standing in a crowd"><p class="project-title">Tribute Page</p></a>
           <a href="#" class="porject-tile" > <img src="https://www.tv5monde.com/programmes/uploads/2016/11/programme_kemtiyu-seex-anta-joob-cheikh-anta-diop_826_489.jpeg" alt="A picture of Cheikh Anta Diop standing in a crowd"><p class="project-title">Tribute Page</p></a>
        </div>    
        
        
        <a  href="#"> <button class="bttn">Show all</button></a>

    </section>

    <section id="contact">
      <div class="contact-items contact-section-header">
        <h2>Let's work together<h2>
        <p>how do you take your coffee?</p>
      </div>

      <div class="contact-items contact-links">
        <a id="profile-link" target="_blank" href="#"> FACEBOOK</a>
        <a id="profile-link" target="_blank" href="#">INSTAGRAM</a>
        <a id="profile-link" target="_blank" href="#">TIKTOK</a>
      </div>
    </section>

    <hr>

    <footer>
      <p>**This is just a fake porfolio. All the Projects and contact details given are not real.</p>
      <p>&creadted for freeCodeCamp<p>
    </footer>

</main>
2

Hi there, did you have a question?

3

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.