Weighted Layout Example – Jetpack Compose

This project demonstrates how to create a Jetpack Compose screen using Row, Column, and Modifier.weight() to proportionally distribute space between UI elements.

---

Features

• Row split into 25% and 75% sections
  • Left panel: occupies 25% of the screen width
  • Right panel: occupies 75% of the screen width
• Column inside the larger section
  • Contains 3 vertically stacked children with a 2:3:5 height ratio
  • Visually separated using different background colors
• Dynamic sizing with Modifier.weight()
  • No fixed sizes — layout adapts to any screen size
• Labels and colors included for easy visualization

---