HTML doc is way to zoomed in and scaled improperly when ran on an android device

Questions
1

I am working on a porject for my AP CS course where we have to clone an app that we use on a daily basis. I am doing CashApp. I bought an android phone with the resolution of 720 x 1520px. I based my Figma mock up off this screen size to make sure the content would fit. So that’s how I also coded the dimensions in css and HTML. However when I run the APK it looks like this…

image
image664×998 75.9 KB

Its way to zoomed in and everything is out of scale, I simply just need the content to fit the screen, the HTML and CSS is responsive so I don’t know why its doing this.

2

Cool! Where are you taking the course?

This isn’t a VoltBuilder issue. It’s how your app is set up. Rather than program for a specific screen size, use Responsive Design techniques to have your app adjust automatically.