Skip to content

Instantly share code, notes, and snippets.

@interglobalmedia
Last active May 19, 2022 02:42
Show Gist options
  • Save interglobalmedia/047826b9a28be899003b3a62b6e3c669 to your computer and use it in GitHub Desktop.
Save interglobalmedia/047826b9a28be899003b3a62b6e3c669 to your computer and use it in GitHub Desktop.
This short piece of CSS code can be used to create a sticky footer most of your applications
@interglobalmedia
Copy link
Author

interglobalmedia commented Oct 22, 2021

You have to make sure that your associated HTML markup supports the .Site-content class. So in your index.html:

<body>
    <div class="site-content">
    </div>
    <footer class="site-footer">
       <p>© 2021 Maria D. Campbell</p>
    </footer>
    <script src="js/main.js"></script>
</body>
</html>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment