Component sizes changed on mobile

Hello,

I deployed an website in the last month and it was working well on both mobile and on pc. But after some weeks and NO changes, the sizes of components on mobile changed and it started to automatically zoom in when I opened it, it is also not working 100% properly on pc, but the issue seems simpler. I tried to solve the mobile issue by doing my research and changing my code, but nothing seems to solve the issue.

The site name: https://testecantinhodena.netlify.app/

This is a design/development issue, not a Netlify issue. You would do better to post your question on a design/development forum.

@jricardocv What @expired has said is entirely correct.

To throw you a bone though, your HTML is screwed up and you will need to fix it.

If you check, you’ll find that your app is spamming viewport meta elements throughout the page:

You should ensure that you have just one, inside your <head>.

If I live edit the page with dev tools and do precisely that, I find that it fixes your ‘zoom’ issue.

Thank you for the reply. I did as you said and it is fixed now.