Using Webflow with iPhone 12 viewport widths — web design tutorial

Today, Apple released the iPhone 12 product line with four new viewport sizes that vary from the existing iPhone 11 product line. We’ve added four new device widths to bring the newest iPhones to the Webflow Designer: iPhone 12 and iPhone 12 Pro (390px), iPhone 12 Pro Max (428px), iPhone 12 mini (360px).

To test your new and existing web designs to match the new iPhone 12 product line, go to the Mobile portrait breakpoint and adjust the canvas width to preview your design on each device.

00:00 – Introduction
01:26 – Test while designing
03:27 – Test while previewing
04:02 – Test on published site
05:07 – Recap and Grímur’s distraction

Learn more about responsive design in our breakpoints lesson on Webflow University: http://wfl.io/webflow-breakpoints

———-
Get started with Webflow: https://wfl.io/2r7cVUW

https://webflow.com

https://facebook.com/webflow