Site starts off zoomed in by 50% when on mobile, not sure why (Nextjs)
I am trying to slowly make my WIP site more responsive, which I have started by applying Kevin's principles for the CRL course regarding the two images in the middle off the screen (MeAndPoco component). It resizes well in my browser dev tools, but on mobile the site seems too zoomed in.
The site is available here: https://joseph-d-bradshaw.github.io/personal-site/
The component I assume is responsible is available here: https://github.com/Joseph-D-Bradshaw/personal-site/tree/main/src/app/components/MeAndPoco
Has anyone any clue as to why? I am thinking about ripping down the site and started again from a mobile first approach, it was a pain to get the MeAndPoco component to look the way I wanted with purely CSS and keep it responsive.
The site is available here: https://joseph-d-bradshaw.github.io/personal-site/
The component I assume is responsible is available here: https://github.com/Joseph-D-Bradshaw/personal-site/tree/main/src/app/components/MeAndPoco
Has anyone any clue as to why? I am thinking about ripping down the site and started again from a mobile first approach, it was a pain to get the MeAndPoco component to look the way I wanted with purely CSS and keep it responsive.
Welcome to Joseph Bradshaw's personal site
GitHub
Contribute to Joseph-D-Bradshaw/personal-site development by creating an account on GitHub.
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Similar Threads
Was this page helpful?
