These articles help you create a flexible UI that looks great on different screen sizes, window sizes, resolutions, and orientations.
Walk through a basic page layout structure.
Learn about screen sizes across the Windows 10 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.
Show independent parts of your app in separate windows.
Use alignment, margin, and padding to influence layout behavior.
Learn about each type of layout panel an how to use them to arrange UI elements.
Use transforms to rotate, skew, and scale elements.
Learn advanced layout concepts in XAML and how to create a custom virtualizing layout.
We'd love to hear your thoughts. Choose the type you'd like to provide:
Our feedback system is built on GitHub Issues. Read more on our blog.