# How to create Responsive Layouts in Jetpack Compose

DevFeed: [How to create Responsive Layouts in Jetpack Compose](<https://devfeed.tech/articles/how-to-create-responsive-layouts-in-jetpack-compose-28460.md>)

Original publisher: [Read original article](<https://composables.com/blog/responsive-layout>)

Author: Alex Styl

Published: 2023-05-20T00:00:00Z

Content type: tutorial

Language: en

Sources: [Composables - Concise, no-fluff video tutorials for Android developers](<https://devfeed.tech/sources/composables-concise-no-fluff-video-tutorials-for-android-developers.md>)

Topics: [Jetpack Compose](<https://devfeed.tech/topics/jetpack-compose.md>), [Responsive Design](<https://devfeed.tech/topics/responsive-design.md>), [Large Screen](<https://devfeed.tech/topics/large-screen.md>), [ui](<https://devfeed.tech/topics/ui.md>), [Mobile](<https://devfeed.tech/topics/mobile.md>)

Tags: [how-to](<https://devfeed.tech/tags/how-to.md>), [jetpack-compose](<https://devfeed.tech/tags/jetpack-compose.md>), [mobile](<https://devfeed.tech/tags/mobile.md>), [responsive-design](<https://devfeed.tech/tags/responsive-design.md>), [ui](<https://devfeed.tech/tags/ui.md>)

## AI overview

A practical guide to responsive design in Jetpack Compose. It explains how to adapt interfaces across screen sizes and form factors, including choosing layouts, preserving icon and touch-target sizes, resizing visual content, and implementing list/detail panels with available-space information.

## Source excerpt

Building layouts for screens big and small