The main div looks too small on a mobile device, and it sits in the top 1/3 of the page in iPhone portrait (for example).
Do you have tips for designing a layout with a main, center div that looks good on a mobile device and a desktop browser?
I tried experimenting with width 75%, but I need to position the buttons in the calculator to sit correctly on the page, and the width 75% didn’t seem to work with that need.
Here are screenshots of my project:
Iphone Portrait Layout
Normal Desktop Page Layout