adaptive-layout-and-spacing

Use when laying out a screen, setting spacing and grids, handling notches and safe areas, adapting a phone design to tablet, foldable or desktop, choosing breakpoints or size classes, or fixing a layout that breaks with large text or rotation. Covers hierarchy, grouping, safe areas, edge-to-edge, size classes and reflow. Do not use for navigation structure (navigation-and-flows), colour and type (visual-design-system) or writing layout code.