Responsive Typography Considerations

Creating structured documents

Steps to change the Responsive behavior of a Section on a Flow Page.

In this example, we have a section that has a Header element and two body Elements.

We can set the body elements to switch to vertical orientation the Extra Small breakpoint range or at the Small breakpoint range.

Understanding the Size controls can help you customize responsive behavior and layout designs

This is the article where Ethan Marcotte first set out the core ideas behind Responsive Web Design. It's worth a read to understand the origins of the design model that has come to power pretty much the entire Internet since 2010.

Can we have responsive tables in Flow, where the table will automatically adjust for all screens? [With no scroll bar]

This single-page experience combines animations, video and sliders to explain the different types of responsive web and elearning design in a simple, clean infographic style.

I am currently working on a project for a client and I am wondering if Claro works on an ipad? is it legible? I understand it is not responsive. 
 

This episode, Brent and Chris provide some best practices to speeding up media uploading with file resolution, image quality compression, internet speed and video delivery server considerations.

A very dramatic responsive design idea is to use an image as the background behind a section.

If you add a parallax effect, as the user scrolls down the page the background image and the content over it will scroll at different speeds. This creates a sense of depth.

This lesson outlines the steps to add an image background to a Section on the Flow page and set it to a slow parallax effect.

This is a really great place to start if you're trying to understand how responsive design can help you tell stories, differently.

It has some awesome examples for inspiration plus a good overview of several responsive design options/effects/tools that you can use to help your content come alive and draw your learner in.