Forum Academy Marketplace Showcase Pricing Features

Setting safe space for curved mobile displays

Hey all-

I have built an app for iOS and android users using the new reponsive engine. So far, almost everything is great!

For samsung devices, or phones with curved screens on the edge, they usually have a container width of 360px. Everything is good there. An iPhone can be designed for 380. Again, no problems designing around the container width.

The issue comes from the safe space for the curved screens because a 10 px margin looks great on iPhones but on the curved display it brings all the inputs right up to the edge of the phone. Is there a way, via CSS or otherwise we can set a safe space for curved screens?