Adaptive design is the practice of designing layouts that adapt to specific
breakpoints and devices. Usually we consider the width of the device to
determine where the layout should change, or adapt. Both Web and Android utilize
responsive design concepts, like flexible grids and images, to create layouts
that better respond to their context.
![Productivity app screen on mobile and tablet sizes.](https://developer.android.com/static/images/design/ui/mobile/layout-basics-30-adapting-layouts.png)

For design guidelines about adapting layouts to expanded screen sizes, read the
[Support different screen sizes](https://developer.android.com/develop/ui/compose/layouts/adaptive/support-different-display-sizes) developers guide in Compose and the M3
[Applying Layout](https://m3.material.io/foundations/layout/applying-layout/expanded) page. You can also check out the Android
[large screen canonical](https://developer.android.com/guide/topics/large-screens/large-screen-canonical-layouts) gallery for inspiration and implementation of
large screen layouts.

Although not every app needs to be available on every screen size, it does allow
your users more freedom regarding ergonomics, usability, and app quality.

- You can design key screens (communicate the essential concepts or your app) with class sizes as breakpoints to act as guidelines.
- Or design content to act responsively by notating how content should be constrained, expand, or reflow.

For more on layouts, check out the [Material Design 3 (M3) Understanding layout
page](https://m3.material.io/foundations/layout/understanding-layout/overview).