Layout

Ensures content to be appropriately rendered in all screen sizes.

Overview

A layout includes a set of rules for space, grid and navigation adapted for most mediums and browsers.

We currently support 3 breakpoint sizes sm, md, lg

The md breakpoint will be soon deprecated.

Apply only sm and lg sizes

Apply spacing tokens around the main area, accordingly to the breakpoint size

Start designing for smaller screens to increase scalability for larger screens

Focus on the surfaced information by relying on harmonic spacing and fluid layouts

Use space to provide room to digest information and time to think

Last updated 1 year ago