How to Fix Footer at the Bottom on Short Pages | Keep Footer at the Bottom of the Page With CSS

💻 Get the Source Code and support the channel ❤️: www.buymeacoff...
⬇️ LEARN ON THE BEST LEARNING PLATFORMS (LINKS BELOW) 😉💪 ⬇️
💻 My Source Codes: www.buymeacoff...
☕ Buy me a coffee: www.buymeacoff...
😍 PayPal One-off donation: www.paypal.me/...
SKILLSHARE
(Web Dev, UI/UX Design, Python, Music, Art, Animation and a lot more)
🔗 skillshare.eqc... (Affiliate)
COURSERA WEB DEVELOPMENT
(Full Stack, Front-End, Back-End, Web Design and a lot more):
🔗 imp.i384100.ne... (Affiliate)
DATACAMP
(Python, ChatGPT, SQL, Power BI, and more)
🔗 datacamp.pxf.i... (Affiliate)
COURSERA PYTHON
(For beginners, Data Science, Data Analysis, AI, Cybersecurity and a lot more):
🔗 imp.i384100.ne... (Affiliate)
Learn how to create a fixed footer that stays at the bottom even on short pages using either flexbox or grid and how to deal with small screens.
🎥 FontAwesome Video: • Add FREE Icons on HTML...
🎥 Live Server Video: • How to Install and Use...
🎥 Prettier Video: • How to Install and Use...
🎥 Web Dev Playlist: • 💻 Web Development Play...
If the video was helpful, let me know in the comments down below and also like the video so that other people can see it. Needles to say I really appreciate your support 💪❤️
📨 SUBSCRIBE so that you don't miss any new video:
www.youtube.co...
🤗 BIO PAGE (contacts, etc): solo.to/fabiom...
Create Your Bio Page (10% OFF Upgraded Plans 😉): solo.to/inv/ND...
🔗 RELATED CONTENT (videos, playlists, etc) 🔗
🎥 Web Dev Playlist: • 💻 Web Development Play...
🤩 AFFILIATE LINKS 🤩
Create Your Bio Page (10% OFF Upgraded Plans): solo.to/inv/ND...
🧑🏻‍💻 ABOUT ME 🧑🏻‍💻
I'm Fabio, I started programming with Python a lot of years ago and I fell in love with this world.
I started this KZbin channel to help you during your own journey and I hope that my help can make you an amazing programmer who loves this world as I do.
Welcome on board!! 🚀
#webDevWithFabioMusanni #css #webdevelopment #webdev #css3 #csstutorial

[@FabioMusanni]

💻 *Get the Source Code and support the channel* ❤: www.buymeacoffee.com/fabiomusanni/e/194797 ⬇ *LEARN ON THE BEST LEARNING PLATFORMS (LINKS BELOW)* 😉💪 ⬇ ☕ *Buy me a coffee:* www.buymeacoffee.com/fabiomusanni ❤ *Support me monthly:* www.patreon.com/FabioMusanni 😍 *One-off donation:* www.paypal.me/FabioMusanni/ *SKILLSHARE* _(Web Dev, UI/UX Design, Python, Music, Art, Animation and a lot more)_ 🔗 skillshare.eqcm.net/5gxzD2 (Affiliate) *COURSERA WEB DEVELOPMENT* _(Full Stack, Front-End, Back-End, Web Design and a lot more):_ 🔗 imp.i384100.net/EKWxBW (Affiliate) *DATACAMP* _(Python, ChatGPT, SQL, Power BI, and more)_ 🔗 datacamp.pxf.io/vN1bDj (Affiliate) *COURSERA PYTHON* _(For beginners, Data Science, Data Analysis, AI, Cybersecurity and a lot more):_ 🔗 imp.i384100.net/k0Nk60 (Affiliate) Thank you for the support!❤ 🎥All my videos about web dev: kzbin.info/aero/PLs8qUrmRvaR3_p-UwLFvQ2NySkORSYUiB

[@benjaminh.7698]

Hi, great video! I’m not an expert, but can’t we use „min-height: 100vh“ instead of „height: 100vh“ for „#main-container“? Or does this cause other issues?

[@FabioMusanni]

Hello, thank you for the comment 😊 Yes, using min-height is another way of doing it, and it should work even without the overflow-y. That goes to show that there are a lot of different ways of doing the same thing. Keep in mind that min-height could be tricky in other contexts because it works slightly differently from height. Btw, if you want to support the channel or get the source code of my videos, take a look here: www.buymeacoffee.com/fabiomusanni 🤗