Responsive Layouts: Landscape and Tablet Support with WindowSizeClass

Supporting multiple screen sizes is essential. WindowSizeClass provides a consistent way to adapt layouts for phones, tablets, and landscape orientations. Add Dependency implementation ( "androidx.compose.material3:material3-window-size-class:1.1.0" ) Create Responsive Layout State import androidx.compose.material3.windowsizeclass.WindowSizeClass data class WindowSize ( val widthSizeClass : WindowWidthSizeClass , val heightSizeClass : WindowHeightSizeClass ) @Composable fun rememberWindowSizeClass (): WindowSize { val widthDp = LocalConfiguration . current . screenWidthDp . dp val heightDp = LocalConfiguration . current . screenHeightDp . dp return WindowSize ( widthSizeClass = when { widthDp < 600 . dp -> WindowWidthSizeClass . Compact widthDp < 840 . dp -> WindowWidthSizeClass . Medium else -> WindowWidthSizeClass . Expanded }, heightSizeClass = when { heightDp < 480 . dp -> WindowHeightSizeClass . Compact heightDp < 900 . dp -> WindowHeightSizeClass . Medium else -> WindowHeightSize