All Collections
Stories Editor
Prepare your content for different screen sizes
Prepare your content for different screen sizes

preview on various devices, text explodes outside the area, samsung, apple, iphone, galaxy, old phone, browser bar, paragraph size, bounds

Newsroom Studio avatar
Written by Newsroom Studio
Updated over a week ago

The content you're creating is fully responsive and should look great on all devices, new and old. However, while some busy scenes might look good on new generation retina screens, the content could look poor on older devices - such as the iPhone 5. 

See the example below: iPhone X vs. iPhone 5 experience. 

To preview your content on popular devices - click the Device Preview button at the top-right side of the screen:

You can also enable the Simulate browser UI toggle to factor in the size of the browser components. 

Tips: 

  1. Break down your content over multiple scenes. 

  2. Long paragraphs are a common turn-off to readers when consuming tappable content. 

  3. use larger, bolder fonts, whenever possible

Here's a new take on the scene above:


Did this answer your question?