We Optimized Our Website for iPhone X

By Keat Wei

iPhone X
iPhone X


Today, marked the first day the world to receive the first batch of iPhone X

As you already know, the new iPhone X will have a little notch to make way for the Face ID. This might be the future of Apple smart device if the reception goes well, means the entire product line of Apple such as iPad will follow this design.

On October 27, iPhone X pre-order sold out in minutes. Today onwards, we will start to see millions of people holding iPhone X for their daily life.

We have some bad news, most of our current web pages may not optimized to the little notch; including ours.

before optimized for iPhone X
before optimized for iPhone X

This is how our website looks like before our optimization. The notch will block our content if extend and it's awful to have a full screen experience.


Good news is Apple provided us some guideline to update our website. Hence, we optimized our website to allow users to have a great experience on the web.

after optimized for iPhone X
after optimized for iPhone X


The web had evolved from static html to multiple screen size we have today. From now onwards, it will be an another new milestone for the entire web history.

Have an idea?

Tell us how can we help to bring your great idea to live.
Write us your project scope and get a free consultation!