Advanced Responsiveness

While our standard specifications allow you to generate consistent layouts, you might want to use some custom settings to build your desired UI.

For example, having blocks of different widths within the same row container might be important in a certain layout. In order to do that, we override the min-width of the blocks and/or make the width fixed for certain blocks.

Example of different blocks width

When you're using this method, it's likely also that you want your layout to behave differently on smaller devices. Using the Viewport Option Set, you can then either hide certain blocks or make those full width for certain devices.

Make element full width when not desktop

Hiding an element when not desktop