Adaptive layouts

Learn how to make apps adaptable to different screen sizes.


Create a two pane layout


Learn about using the SlidingPaneLayout component to adapt layouts to different screen sizes.

Adaptive layouts


In this codelab, you learn how to use SlidingPaneLayout to your app adaptable to different screen sizes.

Migrate your UI to responsive layouts

Article Optional

Learn about the Responsive UI principles of flexibility and continuity.

Project: Lunch Tray app


Apply what you've learned in this unit to complete a food ordering app by implementing a ViewModel with data binding, and adding navigation between fragments.


Test your knowledge and earn your Adaptive layouts badge.