Non responsive footer on mobile device

Hello, I’m looking for a solution to my problem: I changed my footer width for my website www.mademoizellefiona.fr with a CSS code

}
footer {
	padding: 80px 0;
	margin: 170px;
}

and of course, now my footer is not responsive anymore on a mobile device (because of the automatic margin -170)
How could I modify it to have a proper footer on mobile and my personalized width footer on my computer please?

thank you in advance,
have a good day

Hi There,

Thanks for the mail.

You will need to wrap the code between the screen size function as follows.

@media only screen and (min-width: 720px) {
CSS goes here
}

Kindly test it out and let me know.

Hope to hear from you soon.

genius ! it worked perfectly ! thank you so much, this forum is really helpful, we learn a lot !

Hi, there

I will close this case now, Feel free to contact us again if you have other questions

Thanks!