Layout

These articles help you create a flexible UI that looks great on different screen sizes, window sizes, resolutions, and orientations.

Learn about common layout patterns.

Learn about design recommendations and behaviors of the parts of a standard title bar.

Learn about screen sizes across the Windows ecosystem and how to design for breakpoints.

Learn about responsive design techniques that optimize your app's layout for breakpoints.

Implement responsive UI in XAML with adaptive or tailored layouts.

Learn about each type of layout panel and how to use them to arrange UI elements.

Use alignment, margin, and padding to influence layout behavior.

Use sizing to provide a balance between information density and user comfort.

Additional resources