How to create a Sticky Footer with CSS Grid

Learn how to create flexible page layouts to ensure the footer always stays at the bottom of the page, even if there isn’t enough content to fill the page by default. This is often called a “sticky footer.” Click “show more” for links to extra resources and examples.

Codepen example: https://codepen.io/christinatruong/pen/gOZVXjR/
How to create a sticky footer with CSS Flexbox https://youtu.be/YmI72GTRuqM

----------------------------------------------------------------------------------------
✊🏼 SUPPORT THE CHANNEL
Grab my 11-page CSS Selectors Reference Guide (PDF) or contribute to my coffee fund!
☕️ https://ko-fi.com/christinatruong/shop

-----------------------------------------------------------------------------------------
👀 CHECK OUT MY COURSES!
If you're looking to start a career in web development or refresh your knowledge, check out my courses. Signup below for a 1 month free trial OR check with your local public library or university. Many offer free access!

⭐️ CSS Essential Training - http://christina.fyi/css
⭐️ CSS Layouts: From Float to Flexbox and Grid - http://christina.fyi/css-layouts
⭐️ Getting Your First Job as a Web Developer - http://christina.fyi/dev-jobs
⭐️ Programming Foundations: Version Control with Git - http://christina.fyi/git
⭐️ CSS: Design Systems and Architectures - http://christina.fyi/css-design-systems
⭐️ Getting Your Website Online - http://christina.fyi/website-online
⭐️ Web Development Tools: Enhance Workflow and Code Quality - http://christina.fyi/workflow-tools

-----------------------------------------------------------------------------------------
📚 READ MY MONTHLY NEWSLETTER
Subscribe on Substack: https://bychristina.substack.com
Subscribe on LinkedIn: https://www.linkedin.com/newsletters/decoded-by-christina-6877029256371716096/

-----------------------------------------------------------------------------------------
👋🏼 FOLLOW
https://twitter.com/christinatruong
https://instagram.com/christina.is.online
https://linkedin.com/in/christinatruong

#DecodedByChristina #HTML #CSS

Скачать видео