Responsive Footer Design using Html & Css

** Responsive Footer Design using Html & Css **
Source Code:
drive.google.c...
------------------------------------------------
Support on Patreon: / thewebshala
Facebook : / the-webshala-109434944...
------------------------------------------------

[@gabrielvictor9463]

Thank you friend, it helped me a lot. I'm Brazilian, and I didn't find anything that would help that way. Thank you again!

[@TheWebShala]

You are welcome!

[@tonyamah5365]

Dude, you deserve all the accolades. Thanks a bunch, I've unlearned and relearned some things.

[@QwertyHeadphones]

❤❤❤❤🎉🎉🎉🎉 now I understand between me and a senior web developer 😮😮😮 it’s amazing 🤩

[@Mrnobody-qj7zl]

you have my respect. thanks. may Lord Krishna bless you and your family.

[@TheWebShala]

Same to you

[@justdevelop.8654]

Love you sir, Tomorrow is my practical and I was able to make complete responsive site but can't footer.... Now I'm able... ❤️

[@TheWebShala]

All the best

[@renny2916]

Simple, functional, and nice design. Thanks for sharing!

[@TheWebShala]

Thank u for your valuable feedback

[@Sonalisingh3]

kzbin.info/www/bejne/eXLXoHqnpbqDptE

[@NethminiSenanayaka-n8t]

thankyou for the source code, its a great pleasure to come across your youtube channel in this hard situation......

[@ecodersofficial]

Amazing! I was finding a footer, but you solved it! THANK YOU SO MUCH!!!!!

[@quantumworld854]

Works PERFECT (made a few adjustments) - Looks GREAT. I'm not so flash with the cash as I'm unemployed - but I will send you something this Friday🙂

[@k13r4]

Thanks a lot! I just struggled with the footer and now I understand it a little bit better

[@bum1132]

Thanks for this video. I'm a beginner and this helped me a lot! Thanks you again.

[@juniorferreira2273]

Friend, what a perfect job, I really liked your channel, without a doubt the best! I am Brazilian and it has helped me a lot! God bless you..

[@TheWebShala]

Thank you very much!

[@Deepak_vlogs123]

@@TheWebShala kzbin.info/www/bejne/sHuUn2lvjLikjLM

[@MarcAdellFernandez]

Muy buen tutorial. Muchas gracias. Saludos desde Barcelona!

[@TheWebShala]

thanks

[@palmwaytech]

Excellent tutorial , now have a modern upgraded footer. It is so easy to just copy text and put it up , you dont learn anything though.. I type it in , as much as possible what ever i do , if it a new tutorial .

[@rekan_98]

That was really awesome thanks for providing the source code, earned my subscription!

[@shivkumar23]

www.youtube.com/@codermahesh?sub_comfirmation=1

[@mohamedsaiahaissa9475]

I was waiting for this video. Thank you🙏🙏

[@furygg255]

Excellent bro ,loved it 💯❤️

[@TheWebShala]

Thanks ✌️

[@prakharnagore9869]

I appreciate your efforts 👏. Thankyou , i got to learn much from this video. Keep Growing ❣️

[@andresmartin8366]

Awsome, great work!!!! How can I make the social media icon a little bit bigger though?

[@TheWebShala]

increase font-size

[@Ralle_3400]

Thanks for the help to my footer

[@TheWebShala]

Happy to help

[@Whitespace_creatorverse]

Thank you very much, it is a lot clearer now

[@mrprogrammer1891]

This video is awesome bro thanks a lot bro very easy and understandable code and beautiful design

[@TheWebShala]

Thanks and welcome

[@scythe8770]

Dude, I wanted to thank you for this awesome tutorial, as a beginner, this helps me a lot!!! So thank you bro!!! 😭✨✨

[@Hyper_Futbuss]

whats with the crying emoji?

[@LetsPhy.]

Thank you so much bro ❤️❤️

[@taimalachkar3373]

Much Appreciation ! I totally recommend this Videos

[@benjaminbssob3214]

Thank you so much for sharing this!!! anyways is there a chance you can do a tutorial about the same concept but the animation for the footer links will be a line that's starting from the left when you hover then if you remove your cursor it exits to the right?

[@ahmadjihandesign2924]

Thanks for this man, its awesome

[@aries_127]

I couldn't get those icons to the middle of the circle you created. I tried different ways but did not work.

[@mysticaltwinsmusic3315]

Thankyou for this sir! This will improve me a lot for my office work

[@TheWebShala]

Most welcome!

[@gamingharsh21]

This video is very help and wonderful design and animation

[@TheWebShala]

thank you

[@ignatiusemeka]

This was really helpful! Thanks

[@amarantakruger8902]

Thanks, looks really nice!

[@MR.KSC.]

thanks sr and very very thanks. i am sri lanka boy.

[@TheWebShala]

You're welcome

[@ilovancristian]

Nice video and nice design! Best footer!

[@TheWebShala]

Thank you very much!

[@shabanaayaz2680]

Very talented ❤️

[@politicalgarbagewater]

Hello, great work. You deserve a raise lol. I copied your source code precisley while tweaking some things to my needs. One thing that I am stilll wondering is - For each link do I need to create a separate HTML document for each one? Example, for Privacy Policy do I have to make a page for that and link it?

[@TheWebShala]

yes

[@Eurus44]

thanks for your support

[@nickyH76]

Thank you so much for sharing this!

[@TheWebShala]

You are so welcome!

[@nzambimanajolis2733]

Thanks so much.This is really so helpful

[@virenderkrgautam]

Nice one bo. Its very helpful for beginers.

[@riorenldi1561]

this video really helped me, thank you sir🙏

[@TheWebShala]

Glad it helped

[@dragosgheceanu9847]

awesome video, thank you a lot!

[@stfgaming2022]

you just do it in a very simple way ,good. like kohli plays that impossoblesh shot for six on harish rauf.

[@TheWebShala]

thanks

[@thisisibrokhim]

Simple and very understandable! Like for this video!

[@TheWebShala]

Thanks

[@mohamedtausif6340]

Thank you for the video but one suggestion bro make videos using react you will get more exposure

[@elieli2570]

Great tutorial, thanks for sharing this,

[@hoangluannguyen3737]

thanks for The Media Chanel very much!!!!

[@keto-rl2ce]

10 10 10 Across the board... Xtravaganza!!!!!! :)

[@learnenjoy3941]

Thank you so much 🥺☺️

[@beawith_h]

Thank you so much for this! really helped in solving my trouble in making the footer section. thank you!

[@SebastianTorres-wf2zx]

you are the best my bro

[@ondrakostecka9543]

Thanks, really helpful tutorial

[@TheWebShala]

You're welcome!

[@dn473]

Thank you so much!

[@TheWebShala]

You're welcome!

[@namratapaudel-j7b]

thank u so much for such a wonderful video

[@muskanverma425]

Thankyou soo much for this

[@RahulKumar-jn3yy]

Thank you for providing this code😊❤ very helpful

[@vilohith9076]

thanks a lot man this really helped

[@TheWebShala]

Glad it helped

[@abhishekshivgan1884]

Very helpful. Thank you very much 🙏🔥

[@mirzaaman8328]

super bro. you helped me!

[@ermsali8513]

thanks brother goot so many help from this video thnk you soo much

[@TheWebShala]

you're welcome

[@ruwanwlr9388]

Bro, which code editor you are using? Thanks for the helpful video.

[@TheWebShala]

currently I'm using Visual Studio Code

[@ruwanwlr9388]

@@TheWebShala 🙏🙏

[@sharukkatam782]

you did wonderfully a great job it helps us a lot. and thank you so much for providing the source code 😇😊👌

[@me_sumit_0]

Very useful.....Thnx a lot

[@sanadelayan688]

Thanks for the video and all but how do I make the icons (Facebook, Instagram, etc...) be linked to an actual site

[@dreamjob7163]

Thank you so much 🥰

[@TheWebShala]

You’re welcome 😊

[@potater6163]

i lost all my work on my website because i messed up a command in the git command line and it overwrite to an old commit locally. i ended up recoding the footer using this design and looks way cleaner

[@umeshupadhyay5081]

Thankyou for making this video. I am beginner for front end web development. if I will add this footer to header and main part of any website, than this css will conflict to other part of css like container and row definitions. How to solve this??

[@dipakchauhan5524]

Nice information bro❤

[@pakicha]

One new subscriber!❤

[@TheWebShala]

Welcome!!

[@eyeristhepodcast5731]

took me a while but it worked 🔥🔥 🥳

[@Rincoco]

Una pregunta, como hago para ponerlo al pie de la página? Antes de poner el footer había puesto unas cards y luego puse el footer, pero ahora el footer está en medio de las cards en vez de estar abajo de todo

[@TheWebShala]

keep the footer code at the bottom of page

[@peterpitcard]

the beginning music reminds me of two girls one cup, i got instant goosebumps and a rather disgusted facial expression. Good video tho

[@nayanchandrabapari8631]

thanks bro ... it helped me a lot

[@TheWebShala]

Glad it helped

[@alexisadriana2118]

thanks for this video:3

[@TheWebShala]

You're welcome!

[@whoizpr]

my css is not applying on all footer-col its only applying on 1st footer-col

[@tkpranith7777]

Bro why did you use extra two 'div ' s in between footer and next div(of footer-col)

[@amzsingh6376]

Yarr source code mill gya bro Thanks

[@kentseanlawrence7728]

i arleady use my .container{} at beginning how i add like only for footer container only

[@OriginalBishal]

Can we use flex to make this happen?

[@saurabhtitus8267]

very beautifull footer design thanks for video

[@shovonkundu3520]

Thanks a lot. It was very helpful 😌

[@TheWebShala]

Glad it was helpful!

[@WajaSolomon-k5w]

my responsive is not working or is because I'm using on Mac OS

[@salahdinnidam3916]

thank you so much it was amazing

[@piyamanthasandaruwan8534]

Thank you 😊

[@TheWebShala]

You're welcome 😊

[@Abdhurrahman26]

Superb. Bro❤🎉

[@motivateme8430]

thanks you very much for this

[@TheWebShala]

You're welcome

[@srishanmukhaputta9197]

GUYS MAKE SURE TO CLOSE ALL BRACKETS I ALMOST RAGED OUT OF MY MIND

[@nightcode.]

Thank you so much sir you saved me..

[@TheWebShala]

You are most welcome

[@gamingandinfopoint6679]

NICE YOU SOLVED MY PROBLEM 🥰

[@waseedjan]

Thank you so much bro

[@ardennt1658]

instead of doing *{margin:0; padding:0; box-sizing:border-box}, is there a way i can apply this specifically to the footer only? I don't want this to affect the rest of my page?

[@TheWebShala]

footer *{ margin:0; padding:0; box-sizing: border-box; }

[@ardennt1658]

@@TheWebShala thank you!

[@sanadelayan688]

@@TheWebShala it tells me that it expects a COLON in the "footer*{"

[@thatcat-6225]

yes you can do .footer{ box-sizing: border-box; margin: 0; padding: 0; }

[@zweilee5471]

@@TheWebShala its not working

[@JoeLouG]

Thank you brother 🙏

[@youngre6el38]

For some reason when I write this code and copy the footer section to my body section on another file, the social icons in the circle align to the center but they touch the top of the circle and don't stay in the middle. I can't seem to find a fix.

[@dariiak1739]

do you know is there's an X icon (new twitter) ?

[@G_Artha25]

why the icons for social media don't appear when I move them to my index.html?

[@TheWebShala]

check your internet connection

[@Кейджи-н4ц]

Thank you very much!

[@tamaramonterrubio7283]

Amazing work! You helped me a lot, thank you so much for sharing this tutorial :)

[@TheWebShala]

You're welcome!

[@Deepak_vlogs123]

@@TheWebShala kzbin.info/www/bejne/sHuUn2lvjLikjLM

[@umermirza27]

Sir Why are you using div .container tag while you already have footer tag

[@TheWebShala]

container for fixed width

[@umermirza27]

@@TheWebShala but what is use of outer container (footer div) ??

[@LicenceMiDz]

Amazing ❤️

[@TheWebShala]

Thanks 😄