Did quite a bit of research, and turns out that the best approach is to make the site mobile-first, instead of simply mobile-friendly. This is how Tailwind operates out of the box, I found out. With that, from here out I need to develop for mobile first and use breakpoints (as necessary) to build for larger screen sizes.
To assist in this process, I found out about Safari's Responsive Design Mode, and from there found it has an option to open in Simulator. I installed the latest iOS device simulators in Xcode and got my local dev setup working on a virtual iPhone 15 Pro Max, which is super exciting. Also had to figure out how to get a web inspector for within the simulated device. Turns out you have to go into Safari settings in the simulated device and turn off "Fraudulent Website Warning", then restart the device.
Did quite a bit of research, and turns out that the best approach is to make the site mobile-first, instead of simply mobile-friendly. This is how Tailwind operates out of the box, I found out. With that, from here out I need to develop for mobile first and use breakpoints (as necessary) to build for larger screen sizes.
To assist in this process, I found out about Safari's Responsive Design Mode, and from there found it has an option to open in Simulator. I installed the latest iOS device simulators in Xcode and got my local dev setup working on a virtual iPhone 15 Pro Max, which is super exciting. Also had to figure out how to get a web inspector for within the simulated device. Turns out you have to go into Safari settings in the simulated device and turn off "Fraudulent Website Warning", then restart the device.