Sticky Footer with CSS | Push Footer at the Bottom of Page HTML & CSS 😍👍👌

[@maniac7591]

Thank you for being the only person to help me with this from the past 2 hours of looking this up. Appreciate it!

[@Pleasejustgivemeaname]

God bless you Indian men 🙏 I am proud to be part of your culture

[@smashtheshell]

Thank you so much 😍

[@pankichal]

Thank you, if wasn't you, I'd still be solving this through hours in JS... 💖

[@im_ostrovskiy]

THANKS MY FRIENDO YOU ARE THE BEST ARAB I HAVE SEEN

[@StressedSloth]

Perfect , simple and works great with frameworks and previous css changes without broking anything

[@janerdmann22]

thank you so much! i tried so many different methods and none of them seemed to work the way I wanted them to but yours instantly worked and it keeps the code really simple.

[@nileshgore4790]

Thanks i resolved my issued because of you Nice video & Nice explanation .Thank you so much

[@ashokkushwaha9939]

Thanks a lot, it disturbed me for a while but i was able to solve the issue bcz of you

[@smashtheshell]

I am glad that I could help you 😊

[@DayTraderCut]

Thumbs up! You're a legend!

[@abdidesign3255]

Well done mate, Really good job, simple and straight forward

[@smashtheshell]

Thanks Man! 🙂

[@sanchez7866]

very good moves .. hatrick with 3 lines bro !!

[@smashtheshell]

Thanks bro 😊

[@ztipsamme]

Thank you, thank you, thank you!!! 🙏🏼 I've been searching for a solution for several hours 🥵

[@smashtheshell]

Glad I could help you! :)

[@washingtonlgois]

OMG, thank you! You're a magician! Lol

[@raktimjs]

This trick was fabulous, fantastic, great, awesome, and everything!!! Thak you!!

[@davidouyang5626]

OMG. Thank you. You saved me a lot.

[@smashtheshell]

Great to hear!

[@anudipiyumra7521]

This video was very helpful to me. Thanks a lot!

[@CodeZinx]

Thanks. This solution did not break anything on the website I'm working on and was very easy to follow compared to the others.

[@smashtheshell]

My pleasure. Great to hear! 😍

[@chenardnoirpresidente5672]

First of all let me wish you a happy new year! Great video my friend. I’ve applied it to my solution!

[@smashtheshell]

Same to you! I am really glad to hear that. It would be great if you could be the part of our community. 😊

[@harmonicresonanceproject]

Nice! Worked perfectly for me.

[@esshakhan7242]

Super easy to follow. Thanks alot!

[@smashtheshell]

I am glad it helped!

[@solomonakinbiyi]

Finallyyyyyyyyyyyy, thanks so much, i've been looking for this solution

[@DevHasan]

perfect soliution 💌.love from bangladesh.

[@sridharhisaria]

THANKS! I was searching was next.js as I am working on a next.js application and it worked! I created a layout.js file and put the layour there and styled the layout by min-height:100vh; and footer by the code you said and it worked thanks

[@JosephU]

Awesome! Simple and straight to the point.

[@UTJK.]

Thank you sir. Very helpful. You deserve a statue.

[@lonleybeer]

Wow simple and straight forward, well done

[@bullatriratna9506]

Thank you sir, you are awesome keep making this kind of video. World need people like you 😊

[@bablykiran9577]

Thanku 4 such a clear code. keep doing,all the best.

[@smashtheshell]

Thanks so much 😊

[@ale_manu]

Gracias mi hermano 🙌

[@SiamShahriar]

Simple and Effective hats off

[@Nought_8]

Thanks man u got a new sub

[@mohammedabdullaa952]

Thanks for your help buddy!

[@saksheetosniwal3559]

Hi Amit, this video is so helpful short and to the point! Keep Going.. It worked for my assignment as was so easy to implement:)

[@smashtheshell]

Thanks so much Sakshee, appreciate your feedback...I am really glad it helped.

[@gabrielscoti6835]

you saved me, thank you!

[@kebab4640]

THANK YOU SO MUCH!

[@ranjithr9625]

Its Working ! Thank You.

[@Jaaz7]

You're the best bro.

[@FFUNK]

Best tutorial!

[@atlas6234]

Thank you, it works and it is very simple and easy to follow keep up the great work.

[@nicho6227]

Thank you very much for help

[@Noname-di3yz]

Thank you so much!

[@_jeff.medeiros]

Thank you very much my friend, you really helped me

[@gatocode316]

wow, amazing!

[@luv.matters]

Need help, my footer does not stick to the bottom even after this method I tried position fixed before, and it sticks the bottom part but the top always moves. I want to make my footer taller than what you have, cause when the page goes full page it breaks. It moves the footer up at the same size Example: position: fixed; bottom: 0; left: 0; right 0;

[@itpathshalaa]

It's awesome. Thanks a lot

[@abubacarrjawune4210]

Wonderful

[@MrFelipeTutoriais]

Thank you very much! That was helpful :D

[@coreylynch7876]

Thanks a lot!😁

[@maxvegra4628]

Thanks man it fixed my big problem

[@smashtheshell]

Glad I could help! 😊

[@renatoesposito543]

Thank you bro. Wel Done!

[@ShekharBhide]

Thanks s lot , I' was frustrated bcoz of this

[@abdurrakib787]

nice tactic

[@MasterZeroYTTM21]

This helped a lot, thank you.

[@GermanDorta]

Hey, im doing but i kept going having a space in the bottom in the page and i do not why :(

[@TobyGamez7747]

thank you so much :D

[@nicholausmdoka6632]

Thank you so much

[@amarninja]

You are a legend.

[@alfath-v5v]

thx you very much bro,

[@Big_Dot_Inc]

Thank you Baba.

[@aijiexi]

I liked and subscribed to your channel as a courtesy for helping me with this sticky command. I would like to add something however. If you set the body to 100vh, your footer will be outside your viewport. But if you set your footer to something like 5vh and your body to 95vh, when the viewport is resized, it will stay in view. Couldn't have done it without you though! Thanks!

[@gautamisane3240]

Does this work on all screens ? I had tried a solution that only works on 1366×768 screen. Considering its vh unit i can try this.

[@migotrobert6952]

thanks, you came through big time

[@vladimirgolosin4699]

This is amazing, thanks a lot!

[@pawel80]

Thanks!

[@chirara1692]

You're my hero

[@Youbernaut]

Thank you

[@nikeshsharma1198]

thanks clear my problem

[@vincentstuart8664]

Fuck ya, thank you man I was really annoyed trying to figure this out

[@EIGatito]

Bro ,header is just overlapping with main content

[@elijahkaliya795]

Mine is still at the right hand corner of the page up

[@hathanh8523]

nice bro !!

[@TheFarhanafsar]

in my case ,it is still not setting the at the bottom of the page

[@abdurrakib787]

and it is work nicely

[@huynguyentu2376]

thanks you !!!!!

[@akk843]

Thanks

[@masengeshobruno-ug1fj]

thanks alot

[@zenxnbeatz]

appreciate dude

[@basharatkhan4499]

just say thanks with respect

[@namalsachintha2451]

Thanks.

[@realiseeq]

❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️

[@ssigitas69]

Nice, but in my case doesn't works. :(

[@maheshm4292]

Cool

[@smashtheshell]

🙂 Thanks man!

[@vishwasgajawada7854]

thanks man

[@ambokfirdaus1892]

it still does not work for me but it worth the try

[@ZuPerGD]

THX

[@sanketsingh5555]

thnx sir

[@AbuAlRoz]

thank you my nigga

[@tochimclaren]

Its not responsive. And you cannot make footer sticky to the bottom. Another option will be to use flex box and flip it (columns) but now you body is flex box and thr content will shrink in the middle: 100% wouldn't work as expected. This is css is difficult as heck!

[@antoniofuller2331]

Hmmm

[@SizweMoabi15]

Super unhelpful ,got a big assignment due in 7 days

[@Hamox]

It is literally 3mins so it didn't waste any time, also if it is unhelpful then why did you watch it

[@saifmohammad733]

[@alternativelearning3945]

Thank you so much

[@dulainguijaka6138]

thank you so much