Website inspect element different from the actual devices (React/CSS-Sass, MediaQueries)

Question

I made my website responsive using media queries and I deployed the website on netlify to test it out on my devices. The positioning of things are messed up on iPhone and iPad,