I need help! It's about footer!

Question

My question is i'm making a mobile compatible website. I made a footer and when i make it sticky it works very well on laptop but when i make the size of the website like a phone it cover a little bit of the page 'cause of this i make the website nonsticky but when i make it nonsticky it works on mobile size but it doesn't work on laptop size. What's your recommendations? by the way i'm using a little bit bootstrap 4
I delete somethings because they were Turkish.

https://code.sololearn.com/WXj4SfnfRCWT/?ref=app

Answer 1

If there aren't another shorter ways i'll start to write the codes

Answer 2

use "@media" in CSS to change based on screen size

Answer 3

Thank you but aren't there another ways especially on Bootstrap 4. Maybe something like width:auto;