Responsive & Adaptive Layout
Breakpoints
| Kategori | Width |
|---|---|
| Small phone | < 360dp |
| Phone | 360–599dp |
| Tablet (portrait) | 600–839dp |
| Tablet (landscape) | 840–1199dp |
| Desktop / Foldable | ≥ 1200dp |
Best Practices
- Gunakan relative sizing (percentage, flex) bukan fixed pixel.
- Test di minimal 3 device size: small phone, phone, tablet.
- Gunakan SafeArea / WindowInsets untuk menghindari overlap dengan notch/status bar.
- Support landscape orientation jika diperlukan oleh desain.
- Support Dynamic Type (iOS) dan Font Scale (Android) untuk accessibility.
Foldable Devices
Untuk Android, pertimbangkan support foldable devices menggunakan WindowManager API / window-size-class.